<!DOCTYPE html>
<!-- saved from url=(0125)chrome-devtools://devtools/devtools.html?docked=false&dockSide=right&toolbarColor=rgba(223,223,223,1)&textColor=rgba(0,0,0,1) -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style type="text/css">/*
 * Copyright (C) 2008 Apple Inc.  All rights reserved.
 * Copyright (C) 2009 Google Inc. All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are
 * met:
 *
 *     * Redistributions of source code must retain the above copyright
 * notice, this list of conditions and the following disclaimer.
 *     * Redistributions in binary form must reproduce the above
 * copyright notice, this list of conditions and the following disclaimer
 * in the documentation and/or other materials provided with the
 * distribution.
 *     * Neither the name of Google Inc. nor the names of its
 * contributors may be used to endorse or promote products derived from
 * this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

.audits-sidebar-tree-item .icon {
    content: url(Images/resourcesTimeGraphIcon.png);
}

.audit-result-sidebar-tree-item .icon {
    content: url(Images/resourceDocumentIcon.png);
}

.audit-launcher-view {
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    font-size: 13px;
    overflow-x: hidden;
    overflow-y: overlay;
    display: none;
}

.audit-launcher-view.visible {
    display: block;
}

.audit-launcher-view .audit-launcher-view-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 0 0 16px;
    white-space: nowrap;
    display: -webkit-box;
    text-align: left;
    -webkit-box-orient: vertical;
}

.audit-launcher-view h1 {
    padding-top: 15px;
}

.audit-launcher-view h1.no-audits {
    text-align: center;
    font-style: italic;
    position: relative;
    left: -8px;
}

.audit-launcher-view div.button-container {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    width: 100%;
    padding: 16px 0;
}

.audit-launcher-view div.audit-categories-container {
    position: relative;
    top: 11px;
    left: 0;
    width: 100%;
    overflow-y: auto;
}

.audit-launcher-view button {
    margin: 0 5px 0 0;
}

.audit-launcher-view button:active {
    background-color: rgb(215, 215, 215);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
}

.panel-enabler-view.audit-launcher-view label {
    padding: 0 0 5px 0;
    margin: 0;
}

.panel-enabler-view.audit-launcher-view label.disabled {
    color: rgb(130, 130, 130);
}

.audit-launcher-view input[type="checkbox"] {
    margin-left: 0;
}

.audit-launcher-view .resource-progress > img {
    content: url(Images/spinner.gif);
    vertical-align: text-top;
    margin: 0 4px 0 8px;
}

.audit-result-view {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

.audit-result-view.visible {
    display: block;
}

.audit-result-view .severity-severe {
    content: url(Images/errorRedDot.png);
}

.audit-result-view .severity-warning {
    content: url(Images/warningOrangeDot.png);
}

.audit-result-view .severity-info {
    content: url(Images/successGreenDot.png);
}

.audit-result-tree li.parent::before {
    content: url(Images/treeRightTriangleBlack.png);
    float: left;
    width: 8px;
    height: 8px;
    margin-top: 1px;
    padding-right: 2px;
}

.audit-result-tree {
    font-size: 11px;
    line-height: 14px;
    -webkit-user-select: text;
}

.audit-result-tree > ol {
    position: relative;
    padding: 2px 6px !important;
    margin: 0;
    color: rgb(84, 84, 84);
    cursor: default;
    min-width: 100%;
}

.audit-result-tree, .audit-result-tree ol {
    list-style-type: none;
    -webkit-padding-start: 12px;
    margin: 0;
}

.audit-result-tree li {
    padding: 0 0 0 14px;
    margin-top: 1px;
    margin-bottom: 1px;
    word-wrap: break-word;
    margin-left: -2px;
}

.audit-result-tree li.parent {
    margin-left: -12px
}

.audit-result-tree li.parent::before {
    content: url(Images/treeRightTriangleBlack.png);
    float: left;
    width: 8px;
    height: 8px;
    margin-top: 0;
    padding-right: 2px;
}

.audit-result-tree li.parent.expanded::before {
    content: url(Images/treeDownTriangleBlack.png);
}

.audit-result-tree ol.children {
    display: none;
}

.audit-result-tree ol.children.expanded {
    display: block;
}

.audit-result {
    font-weight: bold;
    color: black;
}

.audit-result img {
    float: left;
    margin-left: -28px;
    margin-top: -1px;
}
</style><style type="text/css">/*
 * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions
 * are met:
 *
 * 1.  Redistributions of source code must retain the above copyright
 *     notice, this list of conditions and the following disclaimer.
 * 2.  Redistributions in binary form must reproduce the above copyright
 *     notice, this list of conditions and the following disclaimer in the
 *     documentation and/or other materials provided with the distribution.
 * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
 *     its contributors may be used to endorse or promote products derived
 *     from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

/* Profiler Style */

#profile-views {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.status-bar-items {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 200px;
    overflow: hidden;
    border-left: 1px solid rgb(184, 184, 184);
    margin-left: -1px;
}

.profile-launcher-view-tree-item > .icon {
    padding: 15px;
    background-image: url(Images/toolbarIcons.png);
    background-position-x: -160px;
}

.profile-sidebar-tree-item .icon {
    content: url(Images/profileIcon.png);
}

.profile-sidebar-tree-item.small .icon {
    content: url(Images/profileSmallIcon.png);
}

.profile-group-sidebar-tree-item .icon {
    content: url(Images/profileGroupIcon.png);
}

.profile-view {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.profile-view.visible {
    display: block;
}

.profile-view .data-grid {
    border: none;
    height: 100%;
}

.profile-view .data-grid th.average-column {
    text-align: center;
}

.profile-view .data-grid td.average-column {
    text-align: right;
}

.profile-view .data-grid th.self-column {
    text-align: center;
}

.profile-view .data-grid td.self-column {
    text-align: right;
}

.profile-view .data-grid th.total-column {
    text-align: center;
}

.profile-view .data-grid td.total-column {
    text-align: right;
}

.profile-view .data-grid .calls-column {
    text-align: center;
}

.profile-node-file {
    float: right;
    color: gray;
    margin-top: -1px;
}

.data-grid tr.selected .profile-node-file {
    color: rgb(33%, 33%, 33%);
}

.data-grid:focus tr.selected .profile-node-file {
    color: white;
}

.percent-time-status-bar-item .glyph {
    -webkit-mask-position: -192px -24px;
}

.focus-profile-node-status-bar-item .glyph {
    -webkit-mask-position: -96px 0;
}

.exclude-profile-node-status-bar-item .glyph {
    -webkit-mask-position: -128px 0;
}

.reset-profile-status-bar-item .glyph {
    -webkit-mask-position: 0 0;
}

.profile-launcher-view-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 0 0 16px;
    display: -webkit-box;
    text-align: left;
    -webkit-box-orient: vertical;
}

.profile-launcher-view-content h1 {
    padding: 15px 0 10px;
}

.panel-enabler-view.profile-launcher-view form {
    padding: 0;
    font-size: 13px;
    width: 100%;
}

.panel-enabler-view.profile-launcher-view label {
    margin: 0;
}

.profile-launcher-view-content p {
    color: grey;
    margin-top: 1px;
    margin-left: 22px;
}

.panel-enabler-view.profile-launcher-view button:not(.status-bar-item) {
    color: rgb(6, 6, 6);
    margin: 16px 0;
}

.profile-launcher-view-content button.running:not(.status-bar-item) {
    color: red;
}

body.inactive .profile-launcher-view-content button.running:not(.status-bar-item) {
    color: rgb(220, 130, 130);
}
</style><style type="text/css">/*
 * Copyright (C) 2009 Google Inc. All rights reserved.
 * Copyright (C) 2010 Apple Inc. All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are
 * met:
 *
 *     * Redistributions of source code must retain the above copyright
 * notice, this list of conditions and the following disclaimer.
 *     * Redistributions in binary form must reproduce the above
 * copyright notice, this list of conditions and the following disclaimer
 * in the documentation and/or other materials provided with the
 * distribution.
 *     * Neither the name of Google Inc. nor the names of its
 * contributors may be used to endorse or promote products derived from
 * this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

.heap-snapshot-sidebar-tree-item .icon {
    content: url(Images/profileIcon.png);
}

.heap-snapshot-sidebar-tree-item.wait .icon {
    content: url(Images/spinnerActive.gif);
}

.heap-snapshot-sidebar-tree-item.wait.selected .icon {
    content: url(Images/spinnerActiveSelected.gif);
}

body.inactive .heap-snapshot-sidebar-tree-item.wait .icon {
    content: url(Images/spinnerInactive.gif);
}

body.inactive .heap-snapshot-sidebar-tree-item.wait.selected .icon {
    content: url(Images/spinnerInactiveSelected.gif);
}

.heap-snapshot-sidebar-tree-item.small .icon {
    content: url(Images/profileSmallIcon.png);
}

.detailed-heapshot-view {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.detailed-heapshot-view.visible {
    display: block;
}

.detailed-heapshot-view .view {
    display: none;
}

.detailed-heapshot-view .view.visible {
    display: block;
}

.detailed-heapshot-view .data-grid {
    border: none;
}

.detailed-heapshot-view .data-grid td.count-column {
    text-align: right;
}

.detailed-heapshot-view .data-grid td.addedCount-column {
    text-align: right;
}

.detailed-heapshot-view .data-grid td.removedCount-column {
    text-align: right;
}

.detailed-heapshot-view .data-grid td.countDelta-column {
    text-align: right;
}

.detailed-heapshot-view .data-grid td.addedSize-column {
    text-align: right;
}

.detailed-heapshot-view .data-grid td.removedSize-column {
    text-align: right;
}

.detailed-heapshot-view .data-grid td.sizeDelta-column {
    text-align: right;
}

.detailed-heapshot-view .data-grid td.shallowSize-column {
    text-align: right;
}

.detailed-heapshot-view .data-grid td.retainedSize-column {
    text-align: right;
}

.detailed-heapshot-view .console-formatted-object, .console-formatted-node {
    display: inline;
    position: static;
}

.detached-dom-tree-node {
    background-color: #FF9999;
}

.detailed-heapshot-view .console-formatted-string {
    white-space: nowrap;
}

.detailed-heapshot-view .data-grid tr.selected * {
    color: inherit;
}

.detailed-heapshot-view .data-grid:focus tr.selected * {
    color: white;
}

.detailed-heapshot-view .delimiter {
    height: 24px;
    background-color: #d6dde5;
}

.detailed-heapshot-view .data-grid {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.detailed-heapshot-view .views-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 173px;
}

.detailed-heapshot-view .views-container .view {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.detailed-heapshot-view .retaining-paths-view {
    height: 150px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.detailed-heapshot-view .retainers-view-header {
    background-image: url(Images/statusbarResizerVertical.png), url(Images/statusbarBackground.png);
    background-repeat: no-repeat, repeat-x;
    background-position: right center, center;
    cursor: row-resize;
    height: 23px;
    font: -webkit-small-control;
    font-weight: bold;
    color: rgb(48, 48, 48);
    text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 150px;
}

.detailed-heapshot-view .retainers-view-header .title > span {
    display: inline-block;
    padding-top: 3px;
    vertical-align: middle;
    margin-left: 4px;
    margin-right: 8px;
}

.detailed-heapshot-view tr:not(.selected) td.object-column span.highlight {
    background-color: rgb(255, 255, 200);
}

.heapshot-help-status-bar-item .glyph {
    -webkit-mask-position: -160px 0;
}

table.heapshot-help {
    border-spacing: 12px 2px;
}

div.retaining-paths-view td.path-column div:hover {
    text-decoration: underline;
    color: blue;
}
</style><style type="text/css">/*
 * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions
 * are met:
 *
 * 1.  Redistributions of source code must retain the above copyright
 *     notice, this list of conditions and the following disclaimer.
 * 2.  Redistributions in binary form must reproduce the above copyright
 *     notice, this list of conditions and the following disclaimer in the
 *     documentation and/or other materials provided with the distribution.
 * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
 *     its contributors may be used to endorse or promote products derived
 *     from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

.panel-enabler-view {
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    font-size: 13px;
    text-align: center;
    overflow-x: hidden;
    overflow-y: overlay;
    display: none;
}

.panel-enabler-view.visible {
    display: block;
}

.panel-enabler-view .panel-enabler-view-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 390px;
    margin: auto;
    white-space: nowrap;
}

.panel-enabler-view h1 {
    color: rgb(110, 116, 128);
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    margin-top: 0;
}

.panel-enabler-disclaimer {
    font-size: 10px;
    color: rgb(110, 116, 128);
    margin-bottom: 12px;
    margin-left: 20px;
}

.panel-enabler-disclaimer:empty {
    display: none;
}

.panel-enabler-view img {
    height: 100%;
    min-height: 200px;
    max-width: 100%;
    top: 0;
    bottom: 0;
    padding: 20px 0 20px 20px;
    margin: auto;
    vertical-align: middle;
}

.panel-enabler-view img.hidden {
    display: initial !important;
    width: 0;
}

.panel-enabler-view .flexible-space {
    -webkit-box-flex: 1;
}

.panel-enabler-view form {
    display: inline-block;
    vertical-align: middle;
    width: 330px;
    margin: 0;
    padding: 15px;
    white-space: normal;
}

.panel-enabler-view label {
    position: relative;
    display: block;
    text-align: left;
    word-break: break-word;
    margin: 0 0 5px 20px;
}

.panel-enabler-view button:not(.status-bar-item) {
    font-size: 13px;
    margin: 6px 0 0 0;
    padding: 3px 20px;
    height: 24px;
    color: rgb(6, 6, 6);
    background-color: transparent;
    border: 1px solid rgb(165, 165, 165);
    background-color: rgb(237, 237, 237);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
    -webkit-border-radius: 12px;
    -webkit-appearance: none;
}

body.inactive .panel-enabler-view button, .panel-enabler-view button:disabled {
    color: rgb(130, 130, 130);
    border-color: rgb(212, 212, 212);
    background-color: rgb(239, 239, 239);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235)));
}

.panel-enabler-view input[type="radio"] {
    height: 17px;
    width: 17px;
    border: 1px solid rgb(165, 165, 165);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
    -webkit-border-radius: 8px;
    -webkit-appearance: none;
    vertical-align: middle;
    margin: 0 5px 5px 0;
}

.panel-enabler-view input[type="radio"]:active:not(:disabled) {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
}

.panel-enabler-view input[type="radio"]:checked {
    background: url(Images/radioDot.png) center no-repeat,
                -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
}

.panel-enabler-view input[type="radio"]:checked:active {
    background: url(Images/radioDot.png) center no-repeat,
                -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
}

.panel-enabler-view.scripts img {
    content: url(Images/scriptsSilhouette.png);
}

.panel-enabler-view.profiles img {
    content: url(Images/profilesSilhouette.png);
}
</style><style type="text/css">/*
 * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions
 * are met:
 *
 * 1.  Redistributions of source code must retain the above copyright
 *     notice, this list of conditions and the following disclaimer.
 * 2.  Redistributions in binary form must reproduce the above copyright
 *     notice, this list of conditions and the following disclaimer in the
 *     documentation and/or other materials provided with the distribution.
 * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
 *     its contributors may be used to endorse or promote products derived
 *     from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

#timeline-overview-panel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
}

#timeline-overview-panel .timeline-graph-bar {
    pointer-events: none;
}

.timeline .sidebar {
    overflow-y: hidden;
    min-height: 100%;
    bottom: auto;
}

.timeline-sidebar-background {
    top: 90px;
    bottom: 0;
}

#timeline-overview-separator {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(253, 253, 253)), to(rgb(213, 213, 213)));
    border-top: 1px solid rgb(140, 140, 140);
    border-bottom: 1px solid rgb(115, 115, 115);
    height: 10px;
}

#timeline-overview-sidebar {
    position: absolute;
    width: 200px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    padding-top: 2px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(242, 242, 242)), to(rgb(209, 209, 209)));
    border-right: 1px solid rgb(163, 163, 163);
}

#timeline-overview-grid {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 200px;
    right: 0px;
    background-color: rgb(255, 255, 255);
}

.timeline-window-selector {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: rgba(125, 173, 217, 0.5);
    z-index: 250;
}

#timeline-overview-window {
    background-color: white;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 60px;
    z-index: 150;
}

.timeline-overview-dividers-background {
    left: 0%;
    right: 0%;
    top: 0px;
    bottom: 60px;
    background-color: black;
    position: absolute;
}

.timeline-overview-window-rulers {
    top: 0;
    bottom: 0;
    position: absolute;
    opacity: 0.2;
    border-right: 1px solid black;
    border-left: 1px solid black;
    z-index: 150;
}

.timeline-window-resizer {
    position: absolute;
    top: 0px;
    bottom: 60px;
    width: 5px;
    margin-left: -3px;
    margin-right: -2px;
    background-color: rgb(153, 153, 153);
    z-index: 500;
    cursor: ew-resize;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1px 0;
}

#timeline-overview-grid #resources-graphs {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
}

#timeline-container {
    position: absolute;
    top: 90px;
    left: 0;
    bottom: 0;
    right: 0;
    border-right: 0 none transparent;
    overflow-y: auto;
    overflow-x: hidden;
}

#timeline-container .split-view-sidebar-left {
    z-index: 1;
}

.timeline-category-statusbar-item {
    height: 24px;
    line-height: 24px;
    padding-left: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: bold;
}

.timeline-category-statusbar-item .timeline-category-checkbox {
    width: 10px;
    height: 11px;
    margin: 0 3px 0 5px;
    padding: 0;
    background-image: url(Images/timelineCheckmarks.png);
    background-repeat: no-repeat;
    background-position: 0 -66px;
    vertical-align: -1px;
    -webkit-appearance: none;
}

.timeline-category-statusbar-item .timeline-category-checkbox:checked {
    background-position-x: -10px;
}

.timeline-category-statusbar-item.timeline-category-loading .timeline-category-checkbox {
    background-position-y: 0;
}

.timeline-category-statusbar-item.timeline-category-scripting .timeline-category-checkbox {
    background-position-y: -33px;
}

.timeline-category-statusbar-item.timeline-category-rendering .timeline-category-checkbox {
    background-position-y: -11px;
}

.timeline-tree-item {
    height: 18px;
    line-height: 15px;
    padding-right: 5px;
    padding-left: 10px;
    padding-top: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.timeline-expandable {
    position: absolute;
    border-left: 1px solid rgb(163, 163, 163);
}

.timeline-expandable-left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    border-top: 1px solid rgb(163, 163, 163);
    border-bottom: 1px solid rgb(163, 163, 163);
}

.timeline-expandable-collapsed {
    background-image: url(Images/disclosureTriangleSmallRightBlack.png);
    background-position-x: 1px;
    background-position-y: 2px;
    background-repeat: no-repeat;
}

.timeline-expandable-expanded {
    background-image: url(Images/disclosureTriangleSmallDownBlack.png);
    background-position-x: 1px;
    background-position-y: 3px;
    background-repeat: no-repeat;
}

.timeline-tree-item .type {
    padding-left: 14px;
}

.timeline-tree-item .count {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.timeline-tree-item .timeline-tree-icon {
    background-image: url(Images/timelineDots.png);
    margin-top: 2px;
    width: 12px;
    height: 12px;
    position: absolute;
}

.timeline-tree-item.even {
    background-color: rgba(0, 0, 0, 0.05);
}

.timeline-tree-item .data.dimmed {
    color: rgba(0, 0, 0, 0.7);
}

#timeline-overview-timelines,
#timeline-overview-memory {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 20px;
    z-index: 160;
}

#timeline-overview-memory > canvas {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 5px;
}


#timeline-graphs {
    position: absolute;
    left: 0;
    right: 0;
    max-height: 100%;
    top: 19px;
}

.timeline-graph-side {
    position: relative;
    height: 18px;
    padding: 0 5px;
    white-space: nowrap;
    margin-top: 0px;
    border-top: 1px solid transparent;
    overflow: hidden;
    pointer-events: none;
}

.timeline-overview-graph-side {
    height: 20px;
    z-index: 170;
    pointer-events: none;
}

.timeline-overview-graph-side .timeline-graph-bar {
    height: 13px;
}

.timeline-graph-bar-area {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 3px;
    pointer-events: none;
}

.timeline-graph-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto -2px;
    border-width: 4px 4px 5px;
    height: 9px;
    min-width: 5px;
    opacity: 0.8;
    -webkit-border-image: url(Images/timelineBarGray.png) 4 4 5 4;
    z-index: 180;
    pointer-events: visibleFill;
}

.timeline-graph-bar.with-children {
    opacity: 0.2;
}

.timeline-graph-bar.cpu {
    opacity: 0.6;
}

.timeline-graph-side.even {
    background-color: rgba(0, 0, 0, 0.05);
}

.timeline-category-loading .timeline-graph-bar {
    -webkit-border-image: url(Images/timelineBarBlue.png) 4 4 5 4;
}

.timeline-category-scripting .timeline-graph-bar {
    -webkit-border-image: url(Images/timelineBarOrange.png) 4 4 5 4;
}

.timeline-category-rendering .timeline-graph-bar {
    -webkit-border-image: url(Images/timelineBarPurple.png) 4 4 5 4;
}

.timeline-aggregated-category {
    display: inline-block;
    height: 11px;
    margin-right: 2px;
    margin-left: 6px;
    position: relative;
    top: 2px;
    width: 10px;
}

.timeline-loading {
    -webkit-border-image: url(Images/timelineBarBlue.png) 4 4 5 4;
}

.timeline-scripting {
    -webkit-border-image: url(Images/timelineBarOrange.png) 4 4 5 4;
}

.timeline-rendering {
    -webkit-border-image: url(Images/timelineBarPurple.png) 4 4 5 4;
}

.popover .timeline-aggregated-category.timeline-loading {
    margin-left: 0px;
}

.timeline-category-loading .timeline-tree-icon {
    background-position-y: 0px;
}

.timeline-category-scripting .timeline-tree-icon {
    background-position-y: 48px;
}

.timeline-category-rendering .timeline-tree-icon {
    background-position-y: 72px;
}

.timeline-details {
    -webkit-user-select: text;
    vertical-align: top;
}

.timeline-function-name {
    text-align: right;
}

.timeline-stacktrace-title {
    padding-top: 4px;
}

.timeline-details-row-title {
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
}

.timeline-details-row-data {
    white-space: nowrap;
}

.timeline-details-title {
    border-bottom: 1px solid #B8B8B8;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 0px;
    white-space: nowrap;
}

.timeline-filter-status-bar-item .glyph {
    -webkit-mask-position: -32px -48px;
}

.timeline-filter-status-bar-item.toggled-on .glyph {
    background-color: rgb(66, 129, 235) !important;
}

.garbage-collect-status-bar-item .glyph {
    -webkit-mask-position: -128px -24px;
}

.timeline-records-counter, .storage-application-cache-status, .storage-application-cache-connectivity {
    font-size: 11px;
    text-shadow: white 0 1px 0;
}

#main-status-bar > .timeline-records-counter {
    float: right;
    margin-top: 4px;
    margin-right: 25px;
}

#counters > .timeline-records-counter {
    float: left;
    margin-top: -2px;
}

#resources-container-content {
    overflow: visible;
    min-height: 100%;
}

#resources-graphs {
    position: absolute;
    left: 0;
    right: 0;
    max-height: 100%;
    top: 112px;
}

.resources-graph-side {
    position: relative;
    height: 36px;
    padding: 0 5px;
    white-space: nowrap;
    margin-top: 1px;
    border-top: 1px solid transparent;
    overflow: hidden;
}

.resources-graph-bar-area {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    left: 9px;
}

.resources-time-graph-sidebar-item .icon {
    content: url(Images/resourcesTimeGraphIcon.png);
}

.resources-size-graph-sidebar-item .icon {
    content: url(Images/resourcesSizeGraphIcon.png);
}

.resources-size-graph-sidebar-item .icon {
    content: url(Images/resourcesSizeGraphIcon.png);
}

.memory-graph-label {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 9px;
    color: rgb(50%, 50%, 50%);
    white-space: nowrap;
}

#timeline-memory-splitter {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    height: 5px;
    cursor: ns-resize;
}

#memory-counters-graph {
    overflow: hidden;
}

#memory-graphs-container {
    border-top: 1px solid #AAA;
}

#memory-graphs-container .split-view-contents {
    overflow: hidden;
}

.timeline-marker {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #AAA;
}

.memory-counter-sidebar-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.memory-counter-sidebar-info.bottom-border-visible {
    border-bottom: 1px solid #AAA;
}
</style><style type="text/css">/*
 * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions
 * are met:
 *
 * 1.  Redistributions of source code must retain the above copyright
 *     notice, this list of conditions and the following disclaimer.
 * 2.  Redistributions in binary form must reproduce the above copyright
 *     notice, this list of conditions and the following disclaimer in the
 *     documentation and/or other materials provided with the distribution.
 * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
 *     its contributors may be used to endorse or promote products derived
 *     from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

.scripts-pause-on-exceptions-status-bar-item .glyph {
    -webkit-mask-position: -256px 0;
}

.scripts-pause-on-exceptions-status-bar-item.toggled-all .glyph {
    background-color: rgb(66, 129, 235);
}

.scripts-pause-on-exceptions-status-bar-item.toggled-uncaught .glyph {
    background-color: purple;
}

.scripts-toggle-pretty-print-status-bar-item .glyph {
    -webkit-mask-position: -256px -24px;
}

.scripts-toggle-pretty-print-status-bar-item.toggled .glyph {
    background-color: rgb(66, 129, 235);
}

#scripts-debug-toolbar {
    position: relative;
    margin-top: -1px;
    height: 24px;
}

#scripts-debug-sidebar-contents {
    position: absolute;
    top: 22px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

#scripts-editor-toolbar {
    position: relative;
    margin-top: -1px;
    height: 24px;
}

#scripts-files {
    max-width: 250px;
}

#scripts-files option.extension-script {
    color: rgb(70, 134, 240);
}

#scripts-functions {
    max-width: 150px;
}

#scripts-status-bar .status-bar-item img {
    margin-top: 2px;
}

#scripts-back img {
    content: url(Images/back.png);
}

#scripts-forward img {
    content: url(Images/forward.png);
}

#scripts-pause img {
    content: url(Images/debuggerPause.png);
}

#scripts-pause.paused img {
    content: url(Images/debuggerContinue.png);
}

#scripts-step-over img {
    content: url(Images/debuggerStepOver.png);
}

#scripts-step-into img {
    content: url(Images/debuggerStepInto.png);
}

#scripts-step-out img {
    content: url(Images/debuggerStepOut.png);
}

.toggle-breakpoints .glyph {
    -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
    -webkit-mask-position: -32px 0;
    background-color: rgb(96, 96, 96) !important;
}

.toggle-breakpoints.toggled-on .glyph {
    -webkit-mask-position: 0 -24px;
}

#scripts-debugger-status {
    position: absolute;
    line-height: 24px;
    top: 0;
    right: 8px;
}

#scripts-debug-sidebar-resizer-widget {
    position: absolute;
    top: 0;
    height: 23px;
    right: 0;
    width: 16px;
    cursor: ew-resize;
    background-image: url(Images/statusbarResizerHorizontal.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 13;
}

#scripts-navigator-resizer-widget {
    position: absolute;
    top: 0;
    right: 0;
    height: 24px;
    width: 16px;
    cursor: ew-resize;
    background-image: url(Images/statusbarResizerHorizontal.png);
    background-repeat: no-repeat;
    background-position: center;
}

.scripts-views-container {
    position: absolute;
    top: 23px;
    right: 0;
    bottom: 0;
    left: 0;
}

.script-view {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.script-view.visible {
    display: block;
}

.dedicated-worker-item {
    margin: 5px 0px 5px 1px;
}

#shared-workers-list {
    margin: 5px 0px 5px 20px;
    font-style:italic;
}

#pause-workers-checkbox > input {
    position: relative;
    top: 2px;
}

.scripts-navigator-domain-tree-item .icon {
    content: url(Images/domain.png);
}

.scripts-navigator-folder-tree-item .icon {
    opacity: 0.7;
    content: url(Images/frame.png);
}

.scripts-navigator-script-tree-item .icon {
    content: url(Images/resourceJSIcon.png);
}

.scripts.panel .navigator {
    padding-left: 0;
}

#scripts-navigator-tree-search-box {
    display: none;
    position: absolute;
    top: 23px;
    right: 0;
    height: 26px;
    width: 100px;
    z-index: 1;
    padding: 1px;
    background-color: rgb(111, 140, 210);
    border: 2px solid lightgray;
}

#scripts-navigator-tree-search-box.visible {
    display: block;
}

#scripts-navigator-tree-search-box > input {
    width: 100%;
    height: 100%;
}

#scripts-navigator-tabbed-pane .tabbed-pane-header {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#E5E5E5));
}

#scripts-navigator-tabbed-pane .tabbed-pane-header-contents {
    margin-left: 1px;
    margin-right: 16px;
}

#scripts-editor-container-tabbed-pane .tabbed-pane-header {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#E5E5E5));
}

#scripts-editor-container-tabbed-pane .tabbed-pane-header-contents {
    margin-left: 1px;
    margin-right: 16px;
}

#scripts-editor-container-tabbed-pane .tabbed-pane-header-tab {
    border-bottom: 1px solid #BBB;
}

.scripts.panel .navigator li {
    height: 17px;
    white-space: nowrap;
}

.scripts.panel .navigator :focus li.selected {
    color: white;
}

.scripts.panel .navigator li.selected .selection {
    height: 17px;
    background-color: rgb(180, 180, 180);
}

.scripts.panel .navigator :focus li.selected .selection {
    background-color: rgb(111, 140, 210);
}

.scripts.panel .navigator .search-match-found li.selected .selection {
    background-color: rgb(111, 140, 210);
}

.scripts.panel .navigator .search-match-not-found li.selected .selection {
    border-color: rgb(111, 140, 210);
    background-color: white;
}

.scripts.panel .navigator .searching li.selected .selection {
    background-color: rgb(111, 140, 210);
}

.scripts.panel .navigator .icon {
    width: 16px;
    height: 16px;
    float: left;
}

.scripts.panel .base-navigator-tree-element-title {
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-left: 2px;
    top: 1px;
}

.function-location-link {
    float: right;
    margin-left: 10px;
}

.function-popover-title {
    border-bottom: 1px solid #AAA;
    margin-bottom: 3px;
    padding-bottom: 2px;
}

.function-popover-title .function-name {
    font-weight: bold;
}
</style><style type="text/css">.data-grid {
    position: relative;
    border: 1px solid #aaa;
}

.data-grid .highlight {
    background-color: rgb(255, 230, 179);
}

.data-grid tr.selected .highlight {
    background-color: transparent;
}

.data-grid table {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    font-size: 10px;
    font-family: Lucida Grande, sans-serif;
}

.data-grid .data-container {
    position: absolute;
    top: 16px;
    bottom: 0;
    left: 0;
    right: 0;
    padding-right: 14px;
    overflow-x: hidden;
    overflow-y: overlay;
}

.data-grid.inline .data-container {
    position: static;
}

.data-grid th {
    text-align: left;
    background-image: url(Images/glossyHeader.png);
    background-repeat: repeat-x;
    border-right: 1px solid rgb(179, 179, 179);
    border-bottom: 1px solid rgb(179, 179, 179);
    height: 15px;
    font-weight: normal;
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap;
}

.data-grid th.corner {
    width: 15px;
    border-right: 0 none transparent;
}

.data-grid tr.filler {
    display: table-row !important;
    height: auto !important;
}

.data-grid tr.filler td {
    height: auto !important;
    padding: 0 !important;
}

.data-grid table.data {
    position: absolute;
    left: 0;
    top: 0;
    right: 16px;
    bottom: 0;
    height: 100%;
    border-top: 0 none transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.5, white), color-stop(0.5, rgb(234, 243, 255)), to(rgb(234, 243, 255)));
    -webkit-background-size: 1px 32px;
    table-layout: fixed;
}

.data-grid.inline table.data {
    position: static;
}

.data-grid table.data tr {
    display: none;
}

.data-grid table.data tr.revealed {
    display: table-row;
}

.data-grid td {
    vertical-align: top;
    height: 12px;
    line-height: 12px;
    padding: 2px 4px;
    white-space: nowrap;
    overflow: hidden;
    border-right: 1px solid #aaa;
    -webkit-user-select: text;
}

.data-grid td > div, .data-grid th > div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.data-grid .centered div {
    text-align: center;
}

.data-grid .right div {
    text-align: right;
}

.data-grid th.sortable div {
    position: relative;
}

.data-grid th.sortable:active {
    background-image: url(Images/glossyHeaderPressed.png);
}
.data-grid th.sort-ascending, .data-grid th.sort-descending {
    border-right: 1px solid rgb(107, 140, 196);
    border-bottom: 1px solid rgb(107, 140, 196);
    background-image: url(Images/glossyHeaderSelected.png);
    background-repeat: repeat-x;
}

.data-grid th.sortable.sort-ascending:active, .data-grid th.sortable.sort-descending:active {
    background-image: url(Images/glossyHeaderSelectedPressed.png);
}

.data-grid th.sort-ascending > div::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 12px;
    margin-bottom: auto;
    margin-top: auto;
    width: 8px;
    content: url(Images/treeUpTriangleBlack.png);
}

.data-grid th.sort-descending > div::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 8px;
    margin-bottom: auto;
    margin-top: auto;
    width: 8px;
    content: url(Images/treeDownTriangleBlack.png);
}

.data-grid button {
    line-height: 19px;
}

body.inactive .data-grid th.sort-ascending, body.inactive .data-grid th.sort-descending {
    background-image: url(Images/glossyHeader.png);
    border-right: 1px solid rgb(179, 179, 179);
    border-bottom: 1px solid rgb(179, 179, 179);
}

.data-grid tr.parent td.disclosure::before {
    float: left;
    content: url(Images/treeRightTriangleBlack.png);
    width: 8px;
    height: 8px;
    margin-right: 2px;
    -webkit-user-select: none;
}

.data-grid tr.expanded td.disclosure::before {
    content: url(Images/treeDownTriangleBlack.png);
    width: 8px;
    height: 8px;
    margin-top: 1px;
}

.data-grid tr.selected {
    background-color: rgb(212, 212, 212);
    color: inherit;
}

.data-grid:focus tr.selected {
    background-color: rgb(56, 121, 217);
    color: white;
}

.data-grid:focus tr.selected a {
    color: white;
}

.data-grid:focus tr.parent.selected td.disclosure::before {
    content: url(Images/treeRightTriangleWhite.png);
}

.data-grid:focus tr.expanded.selected td.disclosure::before {
    content: url(Images/treeDownTriangleWhite.png);
}

.data-grid tr:not(.parent) td.disclosure {
    text-indent: 10px;
}

.data-grid-resizer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5px;
    z-index: 500;
    cursor: col-resize;
}
</style><style type="text/css">.network-log-grid.data-grid {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 11px;
}

.network-log-grid.data-grid table.data {
    -webkit-background-size: 1px 82px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.05)));
    font-size: 11px;
}

.network-log-grid.data-grid.small table.data {
    -webkit-background-size: 1px 42px;
}

.network-log-grid.data-grid td {
    line-height: 17px;
    height: 37px;
    border-right: 1px solid rgb(210, 210, 210);
    vertical-align: middle;
}

.network-log-grid.data-grid.small td {
    height: 17px;
}

.network-log-grid.data-grid th {
    border-bottom: 1px solid rgb(64%, 64%, 64%);
    height: 30px;
    font-size: 11px;
    font-weight: bold;
}

.network-log-grid.data-grid.small th {
    height: 22px;
}

.network-log-grid.data-grid th, .network-log-grid.data-grid th.sort-descending, .network-log-grid.data-grid th.sort-ascending {
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 236, 236)), to(rgb(217, 217, 217)));
}

.network-log-grid.data-grid .data-container {
    top: 31px;
}

.network-log-grid.data-grid.small .data-container {
    top: 23px;
}

.network-log-grid.data-grid select {
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
}

.network-log-grid.data-grid.small tr.offscreen {
    height: 21px;
}

.network-log-grid.data-grid tr.offscreen {
    height: 41px;
}

.network-log-grid.data-grid tr.offscreen td {
    display: none;
}

.network-log-grid.data-grid tr.filler {
    background-color: white;
}

.network-log-grid.data-grid tr:not(.filler) td.name-column {
    font-weight: bold;
    cursor: pointer;
}

#network-container:not(.brief-mode) .network-log-grid.data-grid td.name-column:hover {
    text-decoration: underline;
}

.network-log-grid.data-grid td.method-column,
.network-log-grid.data-grid td.status-column,
.network-log-grid.data-grid td.type-column,
.network-log-grid.data-grid td.initiator-column,
.network-log-grid.data-grid td.size-column,
.network-log-grid.data-grid td.time-column {
    background-color: rgba(0, 0, 0, 0.07);
}

.network-log-grid.data-grid td.size-column,
.network-log-grid.data-grid td.time-column {
    text-align: right;
}

.network-log-grid.data-grid.small .network-graph-side {
    height: 14px;
}

.network-log-grid.data-grid th.sortable:active {
    background-image: none !important;
}

.network-cell-subtitle {
    font-weight: normal;
    color: gray;
}

.network-error-row, .network-error-row .network-cell-subtitle {
    color: rgb(230, 0, 0);
}

.initiator-column a {
    color: inherit;
}

.network-log-grid.data-grid tr.selected .network-cell-subtitle {
    color: white;
}

.network-log-grid tr.highlighted-row {
    -webkit-animation: "network-row-highlight-fadeout" 2s 0s;
}

@-webkit-keyframes network-row-highlight-fadeout {
    from {background-color: rgba(56, 121, 217, 1); }
    to { background-color: rgba(56, 121, 217, 0); }
}

.network-header-subtitle {
    color: gray;
}

.network-log-grid.data-grid.small .network-cell-subtitle,
.network-log-grid.data-grid.small .network-header-subtitle
{
    display: none;
}

/* Resource preview icons */

.network-log-grid.data-grid .icon {
    content: url(Images/resourcePlainIcon.png);
}

.network-log-grid.data-grid.small .icon {
    content: url(Images/resourcePlainIconSmall.png);
}

.network-log-grid.data-grid .network-category-scripts .icon {
    content: url(Images/resourceJSIcon.png);
}

.network-log-grid.data-grid.small .network-category-scripts .icon {
    content: url(Images/resourceDocumentIconSmall.png);
}

.network-log-grid.data-grid .network-category-documents .icon {
    content: url(Images/resourceDocumentIcon.png);
}

.network-log-grid.data-grid.small .network-category-documents .icon {
    content: url(Images/resourceDocumentIconSmall.png);
}

.network-log-grid.data-grid .network-category-stylesheets .icon {
    content: url(Images/resourceCSSIcon.png);
}

.network-log-grid.data-grid.small .network-category-stylesheets .icon {
    content: url(Images/resourceDocumentIconSmall.png);
}

.network-log-grid.data-grid .network-category-images .icon {
    position: relative;
    background-image: url(Images/resourcePlainIcon.png);
    background-repeat: no-repeat;
    content: "";
}

.network-log-grid.data-grid.small .network-category-images .icon {
    background-image: url(Images/resourcePlainIconSmall.png);
    content: "";
}

.network-log-grid.data-grid .icon {
    float: left;
    width: 32px;
    height: 32px;
    margin-top: 1px;
    margin-right: 3px;
}

.network-log-grid.data-grid.small .icon {
    width: 16px;
    height: 16px;
}

.network-log-grid.data-grid .image-network-icon-preview {
    position: absolute;
    margin: auto;
    top: 3px;
    bottom: 4px;
    left: 5px;
    right: 5px;
    max-width: 18px;
    max-height: 21px;
    min-width: 1px;
    min-height: 1px;
}

.network-log-grid.data-grid.small .image-network-icon-preview {
    top: 2px;
    bottom: 1px;
    left: 3px;
    right: 3px;
    max-width: 8px;
    max-height: 11px;
}

/* Graph styles */

.network-graph-side {
    position: relative;
    height: 36px;
    padding: 0 5px;
    white-space: nowrap;
    margin-top: 1px;
    border-top: 1px solid transparent;
    overflow: hidden;
}

.network-graph-bar-area {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    left: 9px;
}

.network-graph-label {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto -7px;
    height: 13px;
    line-height: 13px;
    font-size: 9px;
    color: rgba(0, 0, 0, 0.75);
    text-shadow: rgba(255, 255, 255, 0.25) 1px 0 0, rgba(255, 255, 255, 0.25) -1px 0 0, rgba(255, 255, 255, 0.333) 0 1px 0, rgba(255, 255, 255, 0.25) 0 -1px 0;
    z-index: 150;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    opacity: 0;
    -webkit-transition: opacity 250ms ease-in-out;
}

.network-graph-side:hover .network-graph-label {
    opacity: 1;
}

.network-graph-label:empty {
    display: none;
}

.network-graph-label.waiting {
    margin-right: 5px;
}

.network-graph-label.waiting-right {
    margin-left: 5px;
}

.network-graph-label.before {
    color: rgba(0, 0, 0, 0.7);
    text-shadow: none;
    text-align: right;
    margin-right: 2px;
}

.network-graph-label.before::after {
    padding-left: 2px;
    height: 6px;
    content: url(Images/graphLabelCalloutLeft.png);
}

.network-graph-label.after {
    color: rgba(0, 0, 0, 0.7);
    text-shadow: none;
    text-align: left;
    margin-left: 2px;
}

.network-graph-label.after::before {
    padding-right: 2px;
    height: 6px;
    content: url(Images/graphLabelCalloutRight.png);
}

.network-graph-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto -7px;
    border-width: 6px 7px;
    height: 13px;
    min-width: 14px;
    opacity: 0.65;
    -webkit-border-image: url(Images/timelinePillGray.png) 6 7 6 7;
}

.network-graph-bar.waiting, .network-graph-bar.waiting-right {
    opacity: 0.35;
}

/* Resource categories */


.resource-cached .network-graph-bar {
    -webkit-border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7;
}

.network-category-documents .network-graph-bar {
    -webkit-border-image: url(Images/timelinePillBlue.png) 6 7 6 7;
}

.network-category-documents.resource-cached .network-graph-bar {
    -webkit-border-image: url(Images/timelineHollowPillBlue.png) 6 7 6 7;
}

.network-category-stylesheets .network-graph-bar {
    -webkit-border-image: url(Images/timelinePillGreen.png) 6 7 6 7;
}

.network-category-stylesheets.resource-cached .network-graph-bar {
    -webkit-border-image: url(Images/timelineHollowPillGreen.png) 6 7 6 7;
}

.network-category-images .network-graph-bar {
    -webkit-border-image: url(Images/timelinePillPurple.png) 6 7 6 7;
}

.network-category-images.resource-cached .network-graph-bar {
    -webkit-border-image: url(Images/timelineHollowPillPurple.png) 6 7 6 7;
}

.network-category-fonts .network-graph-bar {
    -webkit-border-image: url(Images/timelinePillRed.png) 6 7 6 7;
}

.network-category-fonts.resource-cached .network-graph-bar {
    -webkit-border-image: url(Images/timelineHollowPillRed.png) 6 7 6 7;
}

.network-category-scripts .network-graph-bar {
    -webkit-border-image: url(Images/timelinePillOrange.png) 6 7 6 7;
}

.network-category-scripts.resource-cached .network-graph-bar {
    -webkit-border-image: url(Images/timelineHollowPillOrange.png) 6 7 6 7;
}

.network-category-xhr .network-graph-bar {
    -webkit-border-image: url(Images/timelinePillYellow.png) 6 7 6 7;
}

.network-category-xhr.resource-cached .network-graph-bar {
    -webkit-border-image: url(Images/timelineHollowPillYellow.png) 6 7 6 7;
}

.network-category-websockets .network-graph-bar {
    -webkit-border-image: url(Images/timelinePillGray.png) 6 7 6 7;
}

.network-category-websockets.resource-cached .network-graph-bar {
   -webkit-border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7;
}

.network-dim-cell {
    color: grey;
}

/* Dividers */

.network-timeline-grid {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}

.network-event-divider-padding {
    position: absolute;
    width: 8px;
    top: 0;
    bottom: 0;
    pointer-events: auto;
}

.network-event-divider {
    position: absolute;
    width: 2px;
    top: 31px;
    bottom: 0;
    z-index: 300;
}

.network-timeline-grid.small .network-event-divider {
    top: 23px;
}

.network-red-divider {
    background-color: rgba(255, 0, 0, 0.5);
}

.network-blue-divider {
    background-color: rgba(0, 0, 255, 0.5);
}

.network-log-grid.data-grid .resources-dividers {
    z-index: 0;
}

.network-log-grid.data-grid .resources-dividers-label-bar {
    background-color: transparent;
    border: none;
    height: 30px;
    pointer-events: none;
}

.network-timeline-grid.small .resources-dividers-label-bar {
    height: 23px;
}

.network-timeline-grid .resources-divider-label {
    top: 0px;
    margin-top: -4px;
    color: black;
}

.network-timeline-grid .resources-dividers-label-bar .resources-divider {
    top: 23px;
}

.network-timeline-grid.small .resources-dividers-label-bar .resources-divider {
    top: 15px;
}

.network-timeline-grid .resources-divider.first .resources-divider-label {
    display: none;
}

.network-timeline-grid .resources-dividers-label-bar .resources-divider.first {
    background-color: transparent;
}

/* Filters */
#network-filter {
    margin-top: 1px;
}

.network-log-grid.data-grid table.data tr.revealed.network-item {
    display: none;
}

.network-log-grid.data-grid.filter-all table.data tr.revealed.network-item,
.network-log-grid.data-grid.filter-documents table.data tr.revealed.network-category-documents,
.network-log-grid.data-grid.filter-stylesheets table.data tr.revealed.network-category-stylesheets,
.network-log-grid.data-grid.filter-images table.data tr.revealed.network-category-images,
.network-log-grid.data-grid.filter-scripts table.data tr.revealed.network-category-scripts,
.network-log-grid.data-grid.filter-xhr table.data tr.revealed.network-category-xhr,
.network-log-grid.data-grid.filter-fonts table.data tr.revealed.network-category-fonts,
.network-log-grid.data-grid.filter-websockets table.data tr.revealed.network-category-websockets,
.network-log-grid.data-grid.filter-other table.data tr.revealed.network-category-other {
    display: table-row;
}

/* Summary */

.network-log-grid.data-grid tr.filler td {
    padding-bottom: 20px !important;
}

.network-log-grid.data-grid .network-summary-bar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: -14px;
    background-color: rgb(101, 111, 130);
}

.network-log-grid.data-grid .network-summary-bar td {
    color: white;
    height: 20px !important;
    border: none;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 0 8px;
    white-space: pre;
    overflow : hidden;
    text-overflow : ellipsis;
}

.network-log-grid.data-grid .network-summary-bar img {
    vertical-align: middle;
    padding-right: 8px;
}

#network-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-right: 0 none transparent;
    overflow-y: auto;
    overflow-x: hidden;
}

// Brief mode peculiarities.
#network-container.brief-mode .network-timeline-grid {
    display: none;
}

#network-container.brief-mode td,
#network-container.brief-mode th {
    border-right: none;
}

#network-container.brief-mode th.corner {
    display: none;
}

#network-container.brief-mode .network-log-grid.data-grid .data-grid-resizer {
    display: none;
}

#network-container.brief-mode .network-timeline-grid {
    display: none;
}

#network-container:not(.brief-mode) .data-grid tr.selected {
    background-color: transparent;
    color: black;
}

#network-container.brief-mode .data-grid .data-container {
    padding-right: 0;
}
</style><style type="text/css">/*
 * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions
 * are met:
 *
 * 1.  Redistributions of source code must retain the above copyright
 *     notice, this list of conditions and the following disclaimer.
 * 2.  Redistributions in binary form must reproduce the above copyright
 *     notice, this list of conditions and the following disclaimer in the
 *     documentation and/or other materials provided with the distribution.
 * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
 *     its contributors may be used to endorse or promote products derived
 *     from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

.network-larger-resources-status-bar-item .glyph {
    -webkit-mask-position: -224px 0;
}

#network-views {
    background: rgb(203, 203, 203);
}

#network-close-button {
    position: absolute;
    width: 14px;
    height: 14px;
    background-image: url(Images/closeButtons.png);
    background-position: 0 0;
    background-color: transparent;
    border: 0 none transparent;
    top: 8px;
    left: 5px;
    z-index: 10;
    display: none;
}

#network-views.small #network-close-button  {
    top: 4px;
}

#network-close-button:hover {
    background-position: 14px 0;
}

#network-close-button:active {
    background-position: 28px 0;
}

.network.panel.viewing-resource #network-close-button  {
    display: block;
}

.network.panel .sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    border: none;
    background: inherit;
}

.network.panel:not(.viewing-resource) .sidebar-resizer-vertical {
    display: none;
}

.network.panel .scope-bar {
    height: 23px;
    padding-top: 5px;
}

.network.panel .data-grid th.sort-descending, .network.panel .data-grid th.sort-ascending {
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 236, 236)), to(rgb(217, 217, 217)));
}

#network-views .network-item-view .tabbed-pane-header {
    height: 31px;
    padding-top: 8px;
    padding-left: 25px;
    white-space: nowrap;
}

#network-views.small .network-item-view .tabbed-pane-header {
    height: 23px;
    padding-top: 0;
}

.network-item-view {
    display: none;
    position: absolute;
    background: white;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.network-item-view.visible {
    display: -webkit-box;
}

.network-item-view .tabbed-pane-header {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(236, 236, 236)), to(rgb(217, 217, 217)));
    border-bottom: 1px solid rgb(163, 163, 163);
}

.network-item-view .scope-bar li {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.resource-headers-view {
    display: none;
    margin: 6px;
    -webkit-user-select: text;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

.resource-headers-view.visible {
    display: block;
}

.resource-headers-view .outline-disclosure .parent {
    -webkit-user-select: none;
    font-weight: bold;
}

.resource-headers-view .outline-disclosure .children li {
    white-space: nowrap;
}

.resource-headers-view .outline-disclosure li.expanded .header-count {
    display: none;
}

.resource-headers-view .outline-disclosure li .header-toggle {
    display: none;
}

.resource-headers-view .outline-disclosure li .status-from-cache {
    color: gray;
}

.resource-headers-view .outline-disclosure li.expanded .header-toggle {
    display: inline;
    margin-left: 30px;
    font-weight: normal;
    color: rgb(45%, 45%, 45%);
}

.resource-headers-view .outline-disclosure li .header-toggle:hover {
    color: rgb(20%, 20%, 45%);
    cursor: pointer;
}

.resource-headers-view .outline-disclosure .header-name {
    color: rgb(33%, 33%, 33%);
    display: inline-block;
    margin-right: 0.5em;
    font-weight: bold;
    vertical-align: top;
    white-space: pre-wrap;
}

.resource-headers-view .outline-disclosure .header-value {
    display: inline;
    margin-right: 100px;
    white-space: pre-wrap;
    word-break: break-all;
    margin-top: 1px;
}

.resource-headers-view .outline-disclosure .raw-form-data {
    white-space: pre-wrap;
}

.resource-cookies-view {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
    margin: 12px;
    height: 100%;
}

.resource-cookies-view.visible {
    display: block;
}

.resource-cookies-view .data-grid {
    height: 100%;
}

.resource-cookies-view .data-grid .row-group {
    font-weight: bold;
    font-size: 11px;
}

.resource-timing-view {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 6px;
    font-weight: bold;
    font-size: 11px;
    color: rgb(30%, 30%, 30%);
}

.resource-timing-view table {
    border-spacing: 21px 0;
}

.resource-timing-view .network-timing-bar {
    opacity: 1;
}

.resource-timing-view .network-timing-bar.proxy {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(239, 228, 176)), to(rgb(139, 128, 76)));
    border-left: 1px solid rgb(139, 128, 76);
}

.resource-timing-view .network-timing-bar.dns {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(153, 208, 216)), to(rgb(81, 174, 189)));
    border-left: 1px solid rgb(81, 174, 189);
}

.resource-timing-view .network-timing-bar.connecting {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(203, 232, 145)), to(rgb(160, 214, 56)));
    border-left: 1px solid rgb(160, 214, 56);
}

.resource-timing-view .network-timing-bar.ssl {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(21, 232, 145)), to(rgb(216, 149, 132)));
    border-left: 1px solid rgb(216, 149, 132);
}

.resource-timing-view .network-timing-bar.sending {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(232, 192, 182)), to(rgb(216, 147, 130)));
    border-left: 1px solid rgb(216, 147, 130);
}

.resource-timing-view .network-timing-bar.waiting {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(188, 179, 208)), to(rgb(141, 125, 175)));
    border-left: 1px solid rgb(141, 125, 175);
}

.resource-timing-view .network-timing-bar.receiving {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(214, 214, 214)), to(rgb(182, 182, 182)));
    border-left: 1px solid rgb(182, 182, 182);
}

.resource-timing-view.visible {
    display: block;
}
</style><style type="text/css">.text-editor {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    white-space: pre;
    overflow: auto;
}

.text-editor-lines {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    -webkit-user-select: none;
    background-color: rgb(240, 240, 240);
    border-right: 1px solid rgb(187, 187, 187);
    min-width: 19px;
}

.text-editor-contents {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    -webkit-user-select: text;
}

.text-editor-contents .inner-container {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    min-width: 100%;
}

.text-editor-editable {
    -webkit-user-modify: read-write-plaintext-only;
}

.text-editor-read-only {
    -webkit-user-modify: read-only;
    background-color: rgb(240, 240, 240);
}

.webkit-line-decorations {
    pointer-events: none;
    -webkit-user-select: none;
    -webkit-user-modify: read-only;
}

.webkit-html-message-bubble {
    -webkit-box-shadow: black 0px 2px 5px;
    -webkit-border-radius: 9px;
    -webkit-border-fit: lines;
    font-size: 10px;
    font-family: Lucida Grande, sans-serif;
    font-weight: bold;
    margin: 6px 25px;
    padding: 0 7px 1px;
    z-index:20;
}

.webkit-html-warning-message {
    background-color: rgb(100%, 62%, 42%);
    border: 2px solid rgb(100%, 52%, 21%);
}

.webkit-html-error-message {
    background-color: rgb(100%, 42%, 42%);
    border: 2px solid rgb(100%, 31%, 31%);
}

.webkit-html-message-line {
    padding-left: 23px;
    text-indent: -20px;
}

.webkit-html-message-line-hover {
    padding-left: 23px;
    text-indent: -20px;
    white-space: auto;
    text-overflow: auto;
    overflow: auto;
}

.webkit-html-message-icon {
    position: relative;
    top: 2px;
    margin: 0 4px;
}

.webkit-line-number {
    color: rgb(128, 128, 128);
    text-align: right;
    vertical-align: top;
    word-break: normal;
    padding-right: 4px;
    padding-left: 6px;
}

.webkit-line-number-outer {
    margin-right: -4px;
    margin-left: -4px;
    border-color: transparent;
    border-style: solid;
    border-width: 0 0 0px 2px;
    vertical-align: top;
}

.webkit-line-number-inner {
    margin-right: 4px;
}

.webkit-breakpoint .webkit-line-number-inner, .webkit-breakpoint-conditional .webkit-line-number-inner, .webkit-execution-line .webkit-line-number-inner {
    margin-right: -10px;
}

.webkit-line-content {
    padding-left: 2px;
}

.webkit-breakpoint .webkit-line-number-outer {
    color: white;
    border-width: 0 14px 0px 2px;
    -webkit-border-image: url(Images/breakpointBorder.png) 0 14 0 2;
}

.webkit-breakpoint-conditional .webkit-line-number-outer {
    color: white;
    border-width: 0 14px 0px 2px;
    -webkit-border-image: url(Images/breakpointConditionalBorder.png) 0 14 0 2;
}

.webkit-execution-line .webkit-line-number-outer {
    color: transparent;
    border-width: 0 14px 0px 2px;
    -webkit-border-image: url(Images/programCounterBorder.png) 0 14 0 2;
}

.webkit-breakpoint.webkit-execution-line .webkit-line-number-outer {
    color: white;
    -webkit-border-image: url(Images/breakpointCounterBorder.png) 0 14 0 2;
}

.webkit-breakpoint.webkit-execution-line .webkit-line-number-outer {
    color: transparent;
    -webkit-border-image: url(Images/breakpointCounterBorder.png) 0 14 0 2;
}

.webkit-breakpoint-conditional.webkit-execution-line .webkit-line-number-outer {
    color: transparent;
    -webkit-border-image: url(Images/breakpointConditionalCounterBorder.png) 0 14 0 2;
}

.webkit-breakpoint-disabled .webkit-line-number-outer {
    opacity: 0.5;
}

.breakpoints-deactivated .webkit-breakpoint .webkit-line-number-outer {
    opacity: 0.5;
}

.breakpoints-deactivated .webkit-breakpoint-disabled .webkit-line-number-outer {
    opacity: 0.3;
}

.webkit-execution-line.webkit-line-content {
    background-color: rgb(171, 191, 254);
    outline: 1px solid rgb(64, 115, 244);
}

.diff-container .webkit-added-line.webkit-line-content {
    background-color: rgb(220, 255, 220);
}

.diff-container .webkit-removed-line.webkit-line-content {
    background-color: rgb(255, 220, 220);
    text-decoration: line-through;
}

.diff-container .webkit-changed-line.webkit-line-content {
    background-color: rgb(220, 220, 255);
}

.webkit-highlighted-line.webkit-line-content {
    -webkit-animation: "fadeout" 2s 0s;
}

@-webkit-keyframes fadeout {
    from {background-color: rgb(255, 255, 120); }
    to { background-color: white; }
}
</style><style type="text/css">/*
 * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions
 * are met:
 *
 * 1.  Redistributions of source code must retain the above copyright
 *     notice, this list of conditions and the following disclaimer.
 * 2.  Redistributions in binary form must reproduce the above copyright
 *     notice, this list of conditions and the following disclaimer in the
 *     documentation and/or other materials provided with the distribution.
 * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
 *     its contributors may be used to endorse or promote products derived
 *     from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

#elements-content.nowrap {
    white-space: nowrap;
}

#elements-content {
    padding-left: 0;
}

#elements-content > ol {
    display: inline-block;
}

#elements-content .editing {
    margin-left: 8px;
}

.elements-tree-editor {
    -webkit-user-select: text;
    -webkit-user-modify: read-write-plaintext-only;
}

.crumbs {
    display: inline-block;
    font-size: 11px;
    line-height: 19px;
    text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
    color: rgb(20, 20, 20);
    margin-left: -1px;
    padding-right: 12px;
}

.crumbs .crumb {
    height: 24px;
    border-width: 0 12px 0 2px;
    -webkit-border-image: url(Images/segment.png) 0 12 0 2;
    margin-right: -12px;
    padding-left: 18px;
    padding-right: 2px;
    white-space: nowrap;
    line-height: 23px;
    float: right;
}

.crumbs .crumb.collapsed > * {
    display: none;
}

.crumbs .crumb.collapsed::before {
    content: "\2026";
    font-weight: bold;
}

.crumbs .crumb.compact .extra {
    display: none;
}

.crumbs .crumb.dimmed {
    color: rgba(0, 0, 0, 0.45);
}

.crumbs .crumb.start {
    padding-left: 7px;
}

.crumbs .crumb.end {
    border-width: 0 2px 0 2px;
    padding-right: 6px;
    -webkit-border-image: url(Images/segmentEnd.png) 0 2 0 2;
}

.crumbs .crumb.selected {
    -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2;
    color: black;
    text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
}

.crumbs .crumb.selected:hover {
    -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2;
}

.crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover {
    -webkit-border-image: url(Images/segmentSelectedEnd.png) 0 2 0 2;
}

.crumbs .crumb:hover {
    -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2;
    color: black;
}

.crumbs .crumb.dimmed:hover {
    -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2;
    color: rgba(0, 0, 0, 0.75);
}

.crumbs .crumb.end:hover {
    -webkit-border-image: url(Images/segmentHoverEnd.png) 0 2 0 2;
}

.metrics {
    padding: 8px;
    font-size: 10px;
    text-align: center;
    white-space: nowrap;
}

.metrics .label {
    position: absolute;
    font-size: 10px;
    color: black;
    margin-left: 3px;
    padding-left: 2px;
    padding-right: 2px;
}

.metrics .position {
    border: 1px rgb(66%, 66%, 66%) dotted;
    background-color: white;
    display: inline-block;
    text-align: center;
    padding: 3px;
    margin: 3px;
}

.metrics .margin {
    border: 1px dashed;
    background-color: white;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    margin: 3px;
}

.metrics .border {
    border: 1px black solid;
    background-color: white;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    margin: 3px;
}

.metrics .padding {
    border: 1px grey dashed;
    background-color: white;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    margin: 3px;
}

.metrics .content {
    position: static;
    border: 1px gray solid;
    background-color: white;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    margin: 3px;
    min-width: 80px;
    text-align: center;
    overflow: visible;
}

.metrics .content span {
    display: inline-block;
}

.metrics .editing {
    position: relative;
    z-index: 100;
}

.metrics .left {
    display: inline-block;
    vertical-align: middle;
}

.metrics .right {
    display: inline-block;
    vertical-align: middle;
}

.metrics .top {
    display: inline-block;
}

.metrics .bottom {
    display: inline-block;
}


.styles-section {
    padding: 2px 2px 4px 4px;
    min-height: 18px;
    white-space: nowrap;
    -webkit-background-origin: padding;
    -webkit-background-clip: padding;
    -webkit-user-select: text;
}

.styles-section:not(.first-styles-section) {
    border-top: 1px solid rgb(191, 191, 191);
}

.styles-section.read-only {
    background-color: rgb(240, 240, 240);
}

.styles-section .properties li.not-parsed-ok {
    margin-left: 0px;
}

.styles-section .properties li.not-parsed-ok img.exclamation-mark {
    content: url(Images/warningIcon.png);
    opacity: 0.75;
    width: 12px;
    height: 10px;
    margin: 0;
    padding-right: 2px;
    vertical-align: baseline;
    -webkit-user-select: none;
    cursor: default;
}

.styles-section .header {
    white-space: nowrap;
    -webkit-background-origin: padding;
    -webkit-background-clip: padding;
}

.styles-section .header .title {
    word-wrap: break-word;
    white-space: normal;
}

.styles-section .header .title .media, .styles-section .header .title .media .subtitle {
    color: rgb(128, 128, 128);
    overflow: hidden;
}

.styles-section .header .subtitle {
    color: rgb(85, 85, 85);
    float: right;
    margin-left: 5px;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.styles-section .header .subtitle a {
    color: inherit;
}

.styles-section a[data-uncopyable] {
    display: inline-block;
}

.styles-section a[data-uncopyable]::before {
    content: attr(data-uncopyable);
    text-decoration: underline;
}

.styles-section .properties {
    display: none;
    margin: 0;
    padding: 2px 4px 0 8px;
    list-style: none;
    clear: both;
}

.styles-section.no-affect .properties li {
    opacity: 0.5;
}

.styles-section.no-affect .properties li.editing {
    opacity: 1.0;
}

.styles-section.expanded .properties {
    display: block;
}

.styles-section .properties li {
    margin-left: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: auto;
}

.styles-section .properties li.parent {
    margin-left: 1px;
}

.styles-section .properties li.child-editing {
    word-wrap: break-word !important;
    white-space: normal !important;
}

.styles-section .properties ol {
    display: none;
    margin: 0;
    -webkit-padding-start: 12px;
    list-style: none;
}

.styles-section .properties ol.expanded {
    display: block;
}

.styles-section .properties li.parent::before {
    content: url(Images/treeRightTriangleBlack.png);
    opacity: 0.75;
    float: left;
    width: 8px;
    height: 8px;
    margin-top: 0;
    padding-right: 3px;
    -webkit-user-select: none;
    cursor: default;
}

.styles-section .properties li.parent.expanded::before {
    content: url(Images/treeDownTriangleBlack.png);
    margin-top: 1px;
}

.styles-section .properties li .info {
    padding-top: 4px;
    padding-bottom: 3px;
}

.styles-section:hover .properties .enabled-button {
    display: block;
}

.styles-section .properties li.disabled .enabled-button {
    display: block;
}

.styles-section .properties .enabled-button {
    display: none;
    float: right;
    font-size: 10px;
    margin: 0 0 0 4px;
    vertical-align: top;
    position: relative;
    z-index: 1;
}

.styles-section .properties .overloaded, .styles-section .properties .inactive, .styles-section .properties .disabled {
    text-decoration: line-through;
}

.styles-section.computed-style .properties .disabled {
    text-decoration: none;
    opacity: 0.5;
}

.styles-section .properties .implicit, .styles-section .properties .inherited {
    opacity: 0.5;
}

.styles-element-state-pane {
    background-color: rgb(240, 240, 240);
    overflow: hidden;
    margin-top: -38px;
    -webkit-transition: margin-top 0.1s ease-in-out;
    padding-left: 2px;
}

.styles-element-state-pane.expanded {
    border-bottom: 1px solid rgb(189, 189, 189);
    margin-top: 0;
}

.styles-element-state-pane > table {
    width: 100%;
    border-spacing: 0;
}

.styles-element-state-pane input {
    margin: 2px;
    vertical-align: -2px;
}

.styles-selector {
    cursor: text;
}

.body .styles-section .properties .inherited {
    display: none;
}

.body.show-inherited .styles-section .properties .inherited {
    display: block;
}

.add-attribute {
    margin-left: 1px;
    margin-right: 1px;
    white-space: nowrap;
}

.section .event-bars {
    display: none;
}

.section.expanded .event-bars {
    display: block;
}

.event-bar {
    position: relative;
    margin-left: 10px;
}

.event-bar:first-child {
    margin-top: 1px;
}

.event-bars .event-bar .header {
    padding: 0 8px 0 18px;
    min-height: 16px;
    opacity: 1.0;
    white-space: nowrap;
    -webkit-background-origin: padding;
    -webkit-background-clip: padding;
}

.event-bars .event-bar .header .title {
    font-weight: normal;
    color: black;
    text-shadow: white 0 1px 0;
}

.event-bars .event-bar .header .subtitle {
    color: rgba(90, 90, 90, 0.75);
}

.event-bars .event-bar .header::before {
    position: absolute;
    top: 2px;
    left: 7px;
    width: 8px;
    height: 8px;
    opacity: 0.75;
    content: url(Images/treeRightTriangleBlack.png);
}

.event-bars .event-bar.expanded .header::before {
    content: url(Images/treeDownTriangleBlack.png);
}
</style><style type="text/css">/*
 * Copyright (C) 2011 Google Inc. All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are
 * met:
 *
 *     * Redistributions of source code must retain the above copyright
 * notice, this list of conditions and the following disclaimer.
 *     * Redistributions in binary form must reproduce the above
 * copyright notice, this list of conditions and the following disclaimer
 * in the documentation and/or other materials provided with the
 * distribution.
 *     * Neither the name of Google Inc. nor the names of its
 * contributors may be used to endorse or promote products derived from
 * this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

.suggest-box {
    position: absolute;
    background-color: #FFFFFF;
    display: none;
    border: 1px solid black;
    padding: 2px;
    z-index: 100;
}

.suggest-box.visible {
    display: block;
}

.suggest-box .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.suggest-box-content-item {
    padding: 1px;
    margin: 0;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid transparent;
}

.suggest-box-content-item .prefix {
    font-weight: bold;
}

.suggest-box-content-item.selected {
    background-color: rgb(212, 212, 212);
}

.suggest-box-content-item:hover:not(.selected) {
    border: 1px solid rgb(204, 204, 204);
}
</style><style type="text/css">/*
 * Copyright (C) 2011 Google Inc. All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are
 * met:
 *
 * 1. Redistributions of source code must retain the above copyright
 * notice, this list of conditions and the following disclaimer.
 *
 * 2. Redistributions in binary form must reproduce the above
 * copyright notice, this list of conditions and the following disclaimer
 * in the documentation and/or other materials provided with the
 * distribution.
 *
 * THIS SOFTWARE IS PROVIDED BY GOOGLE INC. AND ITS CONTRIBUTORS
 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL GOOGLE INC.
 * OR ITS CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

.split-view {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.split-view-contents {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: auto;
    cursor: default;
}

.split-view-sidebar-left {
    border-right: 1px solid rgb(64%, 64%, 64%);
}

.split-view-sidebar-left.maximized {
    border-right: none;
}

.split-view-sidebar-right {
    border-left: 1px solid rgb(64%, 64%, 64%);
}

.split-view-sidebar-right.maximized {
    border-right: none;
}

.split-view-resizer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5px;
    z-index: 500;
    cursor: ew-resize;
}</style><style type="text/css">/*
 * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions
 * are met:
 *
 * 1.  Redistributions of source code must retain the above copyright
 *     notice, this list of conditions and the following disclaimer.
 * 2.  Redistributions in binary form must reproduce the above copyright
 *     notice, this list of conditions and the following disclaimer in the
 *     documentation and/or other materials provided with the distribution.
 * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
 *     its contributors may be used to endorse or promote products derived
 *     from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

.resources.panel .sidebar-resizer-vertical {
    top: 23px;
}

.resources.panel .sidebar {
    padding-left: 0;
    z-index: 10;
}

.resources.panel .sidebar li {
    height: 17px;
    white-space: nowrap;
}

.resources.panel .sidebar li.selected {
    color: white;
    text-shadow: rgba(0, 0, 0, 0.33) 0 1px 0;
    font-weight: bold;
}

.resources.panel .sidebar li.selected .selection {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177)));
    border-top: 1px solid #979797;
    height: 17px;
}

.resources.panel .sidebar :focus li.selected .selection {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(21, 83, 170)));
    border-top: 1px solid rgb(68, 128, 200);
}

body.inactive .resources.panel .sidebar li.selected .selection {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(rgb(138, 138, 138)));
    border-top: 1px solid rgb(151, 151, 151);
}

.resources.panel .sidebar .icon {
    width: 16px;
    height: 16px;
    float: left;
}

.resources.panel .base-storage-tree-element-title {
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    padding-left: 2px;
    top: 1px;
}

li.selected .base-storage-tree-element-subtitle {
    color: white;
}

.base-storage-tree-element-subtitle {
    padding-left: 2px;
    color: rgb(80, 80, 80);
    text-shadow: none;
}

.resources.panel .status {
    float: right;
    height: 16px;
    margin-top: 1px;
    margin-left: 4px;
    line-height: 1em;
}

.resources.panel li .status .bubble {
    height: 13px;
    padding-top: 0;
}

.storage-view {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.storage-view.visible {
    display: block;
}

.storage-view {
    overflow: hidden;
}

.storage-view .data-grid {
    border: none;
    height: 100%;
}

.storage-view .storage-table-error {
    color: rgb(66%, 33%, 33%);
}

.storage-view.query {
    padding: 2px 0;
    overflow-y: overlay;
    overflow-x: hidden;
    -webkit-text-size-adjust: auto;
}

.database-query-prompt {
    position: relative;
    padding: 1px 22px 1px 24px;
    min-height: 16px;
    white-space: pre-wrap;
    -webkit-user-modify: read-write-plaintext-only;
    -webkit-user-select: text;
}

.database-user-query::before, .database-query-prompt::before, .database-query-result::before {
    position: absolute;
    display: block;
    content: "";
    left: 7px;
    top: 0.8em;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    -webkit-user-select: none;
}

.database-query-prompt::before {
    background-image: url(Images/userInputIcon.png);
}

.database-user-query {
    position: relative;
    border-bottom: 1px solid rgb(245, 245, 245);
    padding: 1px 22px 1px 24px;
    min-height: 16px;
}

.database-user-query::before {
    background-image: url(Images/userInputPreviousIcon.png);
}

.database-query-text {
    color: rgb(0, 128, 255);
    -webkit-user-select: text;
}

.database-query-result {
    position: relative;
    padding: 1px 22px 1px 24px;
    min-height: 16px;
    margin-left: -24px;
    padding-right: 0;
}

.database-query-result.error {
    color: red;
    -webkit-user-select: text;
}

.database-query-result.error::before {
    background-image: url(Images/errorIcon.png);
}

.resource-sidebar-tree-item .icon {
    content: url(Images/resourcePlainIcon.png);
}

.children.small .resource-sidebar-tree-item .icon {
    content: url(Images/resourcePlainIconSmall.png);
}

.resource-sidebar-tree-item.resources-category-images .icon {
    position: relative;
    background-image: url(Images/resourcePlainIcon.png);
    background-repeat: no-repeat;
    content: "";
}

.resources-category-images .image-resource-icon-preview {
    position: absolute;
    margin: auto;
    top: 3px;
    bottom: 4px;
    left: 5px;
    right: 5px;
    max-width: 18px;
    max-height: 21px;
    min-width: 1px;
    min-height: 1px;
}

.children.small .resource-sidebar-tree-item.resources-category-images .icon {
    background-image: url(Images/resourcePlainIconSmall.png);
    content: "";
}

.children.small .resources-category-images .image-resource-icon-preview {
    top: 2px;
    bottom: 1px;
    left: 3px;
    right: 3px;
    max-width: 8px;
    max-height: 11px;
}

.resource-sidebar-tree-item.resources-category-documents .icon {
    content: url(Images/resourceDocumentIcon.png);
}

.children.small .resource-sidebar-tree-item.resources-category-documents .icon {
    content: url(Images/resourceDocumentIconSmall.png);
}

.resource-sidebar-tree-item.resources-category-stylesheets .icon {
    content: url(Images/resourceCSSIcon.png);
}

.children.small .resource-sidebar-tree-item.resources-category-stylesheets .icon {
    content: url(Images/resourceDocumentIconSmall.png);
}

.resource-sidebar-tree-item.resources-category-images .icon {
    position: relative;
    background-image: url(Images/resourcePlainIcon.png);
    background-repeat: no-repeat;
    content: "";
}

.children.small .resource-sidebar-tree-item.resources-category-images .icon {
    background-image: url(Images/resourcePlainIconSmall.png);
    content: "";
}

.resource-sidebar-tree-item.resources-category-fonts .icon {
    content: url(Images/resourcePlainIcon.png);
}

.children.small .resource-sidebar-tree-item.resources-category-fonts .icon {
    content: url(Images/resourcePlainIconSmall.png);
}

.resource-sidebar-tree-item.resources-category-scripts .icon {
    content: url(Images/resourceJSIcon.png);
}

.children.small .resource-sidebar-tree-item.resources-category-scripts .icon {
    content: url(Images/resourceDocumentIconSmall.png);
}

.resource-sidebar-tree-item.resources-category-xhr .icon {
    content: url(Images/resourcePlainIcon.png);
}

.children.small .resource-sidebar-tree-item.resources-category-xhr .icon {
    content: url(Images/resourceDocumentIconSmall.png);
}

.frame-storage-tree-item .icon {
    content: url(Images/frame.png);
}

.database-storage-tree-item .icon {
    content: url(Images/database.png);
}

.database-table-storage-tree-item .icon {
    content: url(Images/databaseTable.png);
}

.domstorage-storage-tree-item.local-storage .icon {
    content: url(Images/localStorage.png);
}

.domstorage-storage-tree-item.session-storage .icon {
    content: url(Images/sessionStorage.png);
}

.cookie-storage-tree-item .icon {
    content: url(Images/cookie.png);
}

.application-cache-storage-tree-item .icon {
    content: url(Images/applicationCache.png);
}

/* FIXME: Make separate png for file-system */
.file-system-storage-tree-item .icon {
    content: url(Images/applicationCache.png);
}
</style>
    
    <link rel="stylesheet" type="text/css" href="chrome-devtools://devtools/devTools.css">
    <script type="text/javascript" src="chrome-devtools://devtools/DevTools.js"></script>
<style>#toolbar {             background-image: none !important;             background-color: rgba(223,223,223,1) !important;         }                  .toolbar-label {             color: rgba(0,0,0,1) !important;             text-shadow: none;         }</style><title>Developer Tools - file:///E:/webStorm%20workspace/html5/test.html</title></head>
<body class="detached platform-windows platform-windows-vista port-undefined dock-to-right" id="-webkit-web-inspector">
    <div id="toolbar">
        <div class="toolbar-item close-left"><button id="close-button-left"></button></div>
        <div id="toolbar-controls">
            <div class="toolbar-item"><button id="toolbar-dropdown-arrow" class="toolbar-label hidden">»</button></div>
            <div class="toolbar-item hidden" id="search-results-matches"></div>
            <div class="toolbar-item toolbar-search-item"><input id="search" type="search" incremental="" results="0"><div id="search-toolbar-label" class="toolbar-label">Search Elements</div></div>
            <div class="toolbar-item close-right"><button id="close-button-right"></button></div>
        </div>
    <button class="toolbar-item toggleable elements toggled-on"><div class="toolbar-icon"></div><div class="toolbar-label">Elements</div></button><button class="toolbar-item toggleable resources"><div class="toolbar-icon"></div><div class="toolbar-label">Resources</div></button><button class="toolbar-item toggleable network"><div class="toolbar-icon"></div><div class="toolbar-label">Network</div></button><button class="toolbar-item toggleable scripts"><div class="toolbar-icon"></div><div class="toolbar-label">Scripts</div></button><button class="toolbar-item toggleable timeline"><div class="toolbar-icon"></div><div class="toolbar-label">Timeline</div></button><button class="toolbar-item toggleable profiles"><div class="toolbar-icon"></div><div class="toolbar-label">Profiles</div></button><button class="toolbar-item toggleable audits"><div class="toolbar-icon"></div><div class="toolbar-label">Audits</div></button><button class="toolbar-item toggleable console"><div class="toolbar-icon"></div><div class="toolbar-label">Console</div></button></div>
    <div id="main">
        <div id="main-status-bar" class="status-bar"><div id="anchored-status-bar-items"><div id="counters"><div id="error-warning-count" class="hidden"></div></div><button class="dock-status-bar-item status-bar-item toggled-on" title="Dock to main window."><div class="glyph"></div><div class="glyph shadow"></div></button><button class="console-status-bar-item status-bar-item" title="Show console."><div class="glyph"></div><div class="glyph shadow"></div></button><button class="node-search-status-bar-item status-bar-item" title="Select an element in the page to inspect it."><div class="glyph"></div><div class="glyph shadow"></div></button><button class="settings-status-bar-item status-bar-item" title="Settings"><div class="glyph"></div><div class="glyph shadow"></div></button></div><div><div class="crumbs"><span class="crumb selected end" title="body"><span>body</span></span><span class="crumb start" title="html"><span>html</span></span></div></div></div>
    <div id="main-panels" spellcheck="false" class="visible"><div class="panel elements visible"><div class="split-view visible"><div class="split-view-contents outline-disclosure source-code" style="left: 0px; right: 354.42px; " id="elements-content"><ol tabindex="0"><li title="" draggable="true" class=""><div class="selection selected" style="height: 14px; "></div><span class="highlight"><span class="webkit-html-doctype">&lt;!DOCTYPE html&gt;</span></span></li><li title="" class="parent expanded" draggable="true"><div class="selection selected" style="height: 14px; "></div><span class="highlight"><span class="webkit-html-tag">&lt;<span class="webkit-html-tag-name">html</span>&gt;</span>​</span></li><ol class="children expanded"><li title="" draggable="true" class=""><div class="selection selected" style="height: 14px; "></div><span class="highlight"><span class="webkit-html-tag">&lt;<span class="webkit-html-tag-name">head</span>&gt;</span>​<span class="webkit-html-tag">&lt;<span>/head</span>&gt;</span>​</span></li><li title="" draggable="true" class="selected"><div class="selection selected" style="height: 42px; "></div><span class="highlight"><span class="webkit-html-tag">&lt;<span class="webkit-html-tag-name">body</span> <span class="webkit-html-attribute"><span class="webkit-html-attribute-name">contenteditable</span>=​"<span class="webkit-html-attribute-value">true</span>"</span>&gt;</span>​<span class="webkit-html-text-node">

hello word ！你好啊，哈哈，保存</span>​<span class="webkit-html-tag">&lt;<span>/body</span>&gt;</span>​</span></li><li title="" draggable="true" class=""><div class="selection selected" style="height: 14px; "></div><span class="highlight"><span class="webkit-html-tag close">&lt;<span>/html</span>&gt;</span>​</span></li></ol></ol></div><div class="split-view-contents split-view-sidebar-right" style="right: 0px; width: 354.42px; "><div class="pane"><div class="title" tabindex="0">Computed Style<label class="sidebar-pane-subtitle"><input type="checkbox">Show inherited</label></div><div class="body"><div class="styles-section monospace first-styles-section read-only computed-style expanded"><div class="header monospace hidden"><div class="subtitle"></div><div class="title"></div></div><ol class="properties properties-tree monospace" tabindex="0"><li title="-webkit-animation-delay: 0s;" class="inherited"><span class="webkit-css-property">-webkit-animation-delay</span>: <span class="value">0s</span>;</li><li title="-webkit-animation-direction: normal;" class="inherited"><span class="webkit-css-property">-webkit-animation-direction</span>: <span class="value">normal</span>;</li><li title="-webkit-animation-duration: 0s;" class="inherited"><span class="webkit-css-property">-webkit-animation-duration</span>: <span class="value">0s</span>;</li><li title="-webkit-animation-fill-mode: none;" class="inherited"><span class="webkit-css-property">-webkit-animation-fill-mode</span>: <span class="value">none</span>;</li><li title="-webkit-animation-iteration-count: 1;" class="inherited"><span class="webkit-css-property">-webkit-animation-iteration-count</span>: <span class="value">1</span>;</li><li title="-webkit-animation-name: none;" class="inherited"><span class="webkit-css-property">-webkit-animation-name</span>: <span class="value">none</span>;</li><li title="-webkit-animation-play-state: running;" class="inherited"><span class="webkit-css-property">-webkit-animation-play-state</span>: <span class="value">running</span>;</li><li title="-webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);" class="inherited"><span class="webkit-css-property">-webkit-animation-timing-function</span>: <span class="value">cubic-bezier(0.25, 0.1, 0.25, 1)</span>;</li><li title="-webkit-appearance: none;" class="inherited"><span class="webkit-css-property">-webkit-appearance</span>: <span class="value">none</span>;</li><li title="-webkit-backface-visibility: visible;" class="inherited"><span class="webkit-css-property">-webkit-backface-visibility</span>: <span class="value">visible</span>;</li><li title="-webkit-background-clip: border-box;" class="inherited"><span class="webkit-css-property">-webkit-background-clip</span>: <span class="value">border-box</span>;</li><li title="-webkit-background-composite: source-over;" class="inherited"><span class="webkit-css-property">-webkit-background-composite</span>: <span class="value">source-over</span>;</li><li title="-webkit-background-origin: padding-box;" class="inherited"><span class="webkit-css-property">-webkit-background-origin</span>: <span class="value">padding-box</span>;</li><li title="-webkit-background-size: auto;" class="inherited"><span class="webkit-css-property">-webkit-background-size</span>: <span class="value">auto</span>;</li><li title="-webkit-border-fit: border;" class="inherited"><span class="webkit-css-property">-webkit-border-fit</span>: <span class="value">border</span>;</li><li title="-webkit-border-horizontal-spacing: 0px;" class="inherited"><span class="webkit-css-property">-webkit-border-horizontal-spacing</span>: <span class="value">0px</span>;</li><li title="-webkit-border-image: none;" class="inherited"><span class="webkit-css-property">-webkit-border-image</span>: <span class="value">none</span>;</li><li title="-webkit-border-vertical-spacing: 0px;" class="inherited"><span class="webkit-css-property">-webkit-border-vertical-spacing</span>: <span class="value">0px</span>;</li><li title="-webkit-box-align: stretch;" class="inherited"><span class="webkit-css-property">-webkit-box-align</span>: <span class="value">stretch</span>;</li><li title="-webkit-box-direction: normal;" class="inherited"><span class="webkit-css-property">-webkit-box-direction</span>: <span class="value">normal</span>;</li><li title="-webkit-box-flex: 0;" class="inherited"><span class="webkit-css-property">-webkit-box-flex</span>: <span class="value">0</span>;</li><li title="-webkit-box-flex-group: 1;" class="inherited"><span class="webkit-css-property">-webkit-box-flex-group</span>: <span class="value">1</span>;</li><li title="-webkit-box-lines: single;" class="inherited"><span class="webkit-css-property">-webkit-box-lines</span>: <span class="value">single</span>;</li><li title="-webkit-box-ordinal-group: 1;" class="inherited"><span class="webkit-css-property">-webkit-box-ordinal-group</span>: <span class="value">1</span>;</li><li title="-webkit-box-orient: horizontal;" class="inherited"><span class="webkit-css-property">-webkit-box-orient</span>: <span class="value">horizontal</span>;</li><li title="-webkit-box-pack: start;" class="inherited"><span class="webkit-css-property">-webkit-box-pack</span>: <span class="value">start</span>;</li><li title="-webkit-box-reflect: none;" class="inherited"><span class="webkit-css-property">-webkit-box-reflect</span>: <span class="value">none</span>;</li><li title="-webkit-box-shadow: none;" class="inherited"><span class="webkit-css-property">-webkit-box-shadow</span>: <span class="value">none</span>;</li><li title="-webkit-color-correction: default;" class="inherited"><span class="webkit-css-property">-webkit-color-correction</span>: <span class="value">default</span>;</li><li title="-webkit-column-axis: auto;" class="inherited"><span class="webkit-css-property">-webkit-column-axis</span>: <span class="value">auto</span>;</li><li title="-webkit-column-break-after: auto;" class="inherited"><span class="webkit-css-property">-webkit-column-break-after</span>: <span class="value">auto</span>;</li><li title="-webkit-column-break-before: auto;" class="inherited"><span class="webkit-css-property">-webkit-column-break-before</span>: <span class="value">auto</span>;</li><li title="-webkit-column-break-inside: auto;" class="inherited"><span class="webkit-css-property">-webkit-column-break-inside</span>: <span class="value">auto</span>;</li><li title="-webkit-column-count: auto;" class="inherited"><span class="webkit-css-property">-webkit-column-count</span>: <span class="value">auto</span>;</li><li title="-webkit-column-gap: normal;" class="inherited"><span class="webkit-css-property">-webkit-column-gap</span>: <span class="value">normal</span>;</li><li title="-webkit-column-rule-color: rgb(0, 0, 0);" class="inherited"><span class="webkit-css-property">-webkit-column-rule-color</span>: <span class="value">rgb(0, 0, 0)</span>;</li><li title="-webkit-column-rule-style: none;" class="inherited"><span class="webkit-css-property">-webkit-column-rule-style</span>: <span class="value">none</span>;</li><li title="-webkit-column-rule-width: 0px;" class="inherited"><span class="webkit-css-property">-webkit-column-rule-width</span>: <span class="value">0px</span>;</li><li title="-webkit-column-span: 1;" class="inherited"><span class="webkit-css-property">-webkit-column-span</span>: <span class="value">1</span>;</li><li title="-webkit-column-width: auto;" class="inherited"><span class="webkit-css-property">-webkit-column-width</span>: <span class="value">auto</span>;</li><li title="-webkit-flex-align: stretch;" class="inherited"><span class="webkit-css-property">-webkit-flex-align</span>: <span class="value">stretch</span>;</li><li title="-webkit-flex-direction: row;" class="inherited"><span class="webkit-css-property">-webkit-flex-direction</span>: <span class="value">row</span>;</li><li title="-webkit-flex-flow: row nowrap;" class="inherited"><span class="webkit-css-property">-webkit-flex-flow</span>: <span class="value">row nowrap</span>;</li><li title="-webkit-flex-item-align: auto;" class="inherited"><span class="webkit-css-property">-webkit-flex-item-align</span>: <span class="value">auto</span>;</li><li title="-webkit-flex-order: 0;" class="inherited"><span class="webkit-css-property">-webkit-flex-order</span>: <span class="value">0</span>;</li><li title="-webkit-flex-pack: start;" class="inherited"><span class="webkit-css-property">-webkit-flex-pack</span>: <span class="value">start</span>;</li><li title="-webkit-flex-wrap: nowrap;" class="inherited"><span class="webkit-css-property">-webkit-flex-wrap</span>: <span class="value">nowrap</span>;</li><li title="-webkit-flow-from: none;" class="inherited"><span class="webkit-css-property">-webkit-flow-from</span>: <span class="value">none</span>;</li><li title="-webkit-flow-into: auto;" class="inherited"><span class="webkit-css-property">-webkit-flow-into</span>: <span class="value">auto</span>;</li><li title="-webkit-font-kerning: auto;" class="inherited"><span class="webkit-css-property">-webkit-font-kerning</span>: <span class="value">auto</span>;</li><li title="-webkit-font-smoothing: auto;" class="inherited"><span class="webkit-css-property">-webkit-font-smoothing</span>: <span class="value">auto</span>;</li><li title="-webkit-font-variant-ligatures: normal;" class="inherited"><span class="webkit-css-property">-webkit-font-variant-ligatures</span>: <span class="value">normal</span>;</li><li title="-webkit-highlight: none;" class="inherited"><span class="webkit-css-property">-webkit-highlight</span>: <span class="value">none</span>;</li><li title="-webkit-hyphenate-character: auto;" class="inherited"><span class="webkit-css-property">-webkit-hyphenate-character</span>: <span class="value">auto</span>;</li><li title="-webkit-hyphenate-limit-after: auto;" class="inherited"><span class="webkit-css-property">-webkit-hyphenate-limit-after</span>: <span class="value">auto</span>;</li><li title="-webkit-hyphenate-limit-before: auto;" class="inherited"><span class="webkit-css-property">-webkit-hyphenate-limit-before</span>: <span class="value">auto</span>;</li><li title="-webkit-hyphenate-limit-lines: no-limit;" class="inherited"><span class="webkit-css-property">-webkit-hyphenate-limit-lines</span>: <span class="value">no-limit</span>;</li><li title="-webkit-hyphens: manual;" class="inherited"><span class="webkit-css-property">-webkit-hyphens</span>: <span class="value">manual</span>;</li><li title="-webkit-line-box-contain: block inline replaced;" class="inherited"><span class="webkit-css-property">-webkit-line-box-contain</span>: <span class="value">block inline replaced</span>;</li><li title="-webkit-line-break: after-white-space;" class="parent"><span class="webkit-css-property">-webkit-line-break</span>: <span class="value">after-white-space</span>;</li><li title="-webkit-line-clamp: none;" class="inherited"><span class="webkit-css-property">-webkit-line-clamp</span>: <span class="value">none</span>;</li><li title="-webkit-line-grid: none;" class="inherited"><span class="webkit-css-property">-webkit-line-grid</span>: <span class="value">none</span>;</li><li title="-webkit-line-grid-snap: none;" class="inherited"><span class="webkit-css-property">-webkit-line-grid-snap</span>: <span class="value">none</span>;</li><li title="-webkit-locale: auto;" class="inherited"><span class="webkit-css-property">-webkit-locale</span>: <span class="value">auto</span>;</li><li title="-webkit-margin-after-collapse: collapse;" class="inherited"><span class="webkit-css-property">-webkit-margin-after-collapse</span>: <span class="value">collapse</span>;</li><li title="-webkit-margin-before-collapse: collapse;" class="inherited"><span class="webkit-css-property">-webkit-margin-before-collapse</span>: <span class="value">collapse</span>;</li><li title="-webkit-marquee-direction: auto;" class="inherited"><span class="webkit-css-property">-webkit-marquee-direction</span>: <span class="value">auto</span>;</li><li title="-webkit-marquee-increment: 6px;" class="inherited"><span class="webkit-css-property">-webkit-marquee-increment</span>: <span class="value">6px</span>;</li><li title="-webkit-marquee-repetition: infinite;" class="inherited"><span class="webkit-css-property">-webkit-marquee-repetition</span>: <span class="value">infinite</span>;</li><li title="-webkit-marquee-style: scroll;" class="inherited"><span class="webkit-css-property">-webkit-marquee-style</span>: <span class="value">scroll</span>;</li><li title="-webkit-mask-attachment: scroll;" class="inherited"><span class="webkit-css-property">-webkit-mask-attachment</span>: <span class="value">scroll</span>;</li><li title="-webkit-mask-box-image: none;" class="inherited"><span class="webkit-css-property">-webkit-mask-box-image</span>: <span class="value">none</span>;</li><li title="-webkit-mask-box-image-outset: 0px;" class="inherited"><span class="webkit-css-property">-webkit-mask-box-image-outset</span>: <span class="value">0px</span>;</li><li title="-webkit-mask-box-image-repeat: stretch;" class="inherited"><span class="webkit-css-property">-webkit-mask-box-image-repeat</span>: <span class="value">stretch</span>;</li><li title="-webkit-mask-box-image-slice: 0 fill;" class="inherited"><span class="webkit-css-property">-webkit-mask-box-image-slice</span>: <span class="value">0 fill</span>;</li><li title="-webkit-mask-box-image-source: none;" class="inherited"><span class="webkit-css-property">-webkit-mask-box-image-source</span>: <span class="value">none</span>;</li><li title="-webkit-mask-box-image-width: auto;" class="inherited"><span class="webkit-css-property">-webkit-mask-box-image-width</span>: <span class="value">auto</span>;</li><li title="-webkit-mask-clip: border-box;" class="inherited"><span class="webkit-css-property">-webkit-mask-clip</span>: <span class="value">border-box</span>;</li><li title="-webkit-mask-composite: source-over;" class="inherited"><span class="webkit-css-property">-webkit-mask-composite</span>: <span class="value">source-over</span>;</li><li title="-webkit-mask-image: none;" class="inherited"><span class="webkit-css-property">-webkit-mask-image</span>: <span class="value">none</span>;</li><li title="-webkit-mask-origin: border-box;" class="inherited"><span class="webkit-css-property">-webkit-mask-origin</span>: <span class="value">border-box</span>;</li><li title="-webkit-mask-position: 0% 0%;" class="inherited"><span class="webkit-css-property">-webkit-mask-position</span>: <span class="value">0% 0%</span>;</li><li title="-webkit-mask-repeat: repeat;" class="inherited"><span class="webkit-css-property">-webkit-mask-repeat</span>: <span class="value">repeat</span>;</li><li title="-webkit-mask-size: auto;" class="inherited"><span class="webkit-css-property">-webkit-mask-size</span>: <span class="value">auto</span>;</li><li title="-webkit-nbsp-mode: space;" class="parent"><span class="webkit-css-property">-webkit-nbsp-mode</span>: <span class="value">space</span>;</li><li title="-webkit-perspective: none;" class="inherited"><span class="webkit-css-property">-webkit-perspective</span>: <span class="value">none</span>;</li><li title="-webkit-perspective-origin: 674px 9px;" class="inherited"><span class="webkit-css-property">-webkit-perspective-origin</span>: <span class="value">674px 9px</span>;</li><li title="-webkit-print-color-adjust: economy;" class="inherited"><span class="webkit-css-property">-webkit-print-color-adjust</span>: <span class="value">economy</span>;</li><li title="-webkit-region-break-after: auto;" class="inherited"><span class="webkit-css-property">-webkit-region-break-after</span>: <span class="value">auto</span>;</li><li title="-webkit-region-break-before: auto;" class="inherited"><span class="webkit-css-property">-webkit-region-break-before</span>: <span class="value">auto</span>;</li><li title="-webkit-region-break-inside: auto;" class="inherited"><span class="webkit-css-property">-webkit-region-break-inside</span>: <span class="value">auto</span>;</li><li title="-webkit-region-overflow: auto;" class="inherited"><span class="webkit-css-property">-webkit-region-overflow</span>: <span class="value">auto</span>;</li><li title="-webkit-rtl-ordering: logical;" class="inherited"><span class="webkit-css-property">-webkit-rtl-ordering</span>: <span class="value">logical</span>;</li><li title="-webkit-svg-shadow: none;" class="inherited"><span class="webkit-css-property">-webkit-svg-shadow</span>: <span class="value">none</span>;</li><li title="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.199219);" class="inherited"><span class="webkit-css-property">-webkit-tap-highlight-color</span>: <span class="value">rgba(0, 0, 0, 0.199219)</span>;</li><li title="-webkit-text-combine: none;" class="inherited"><span class="webkit-css-property">-webkit-text-combine</span>: <span class="value">none</span>;</li><li title="-webkit-text-decorations-in-effect: none;" class="inherited"><span class="webkit-css-property">-webkit-text-decorations-in-effect</span>: <span class="value">none</span>;</li><li title="-webkit-text-emphasis-color: rgb(0, 0, 0);" class="inherited"><span class="webkit-css-property">-webkit-text-emphasis-color</span>: <span class="value"><span title="Click to change color format" class="swatch" style="background-color: rgb(0, 0, 0); "></span><span>black</span></span>;</li><li title="-webkit-text-emphasis-position: over;" class="inherited"><span class="webkit-css-property">-webkit-text-emphasis-position</span>: <span class="value">over</span>;</li><li title="-webkit-text-emphasis-style: none;" class="inherited"><span class="webkit-css-property">-webkit-text-emphasis-style</span>: <span class="value">none</span>;</li><li title="-webkit-text-fill-color: rgb(0, 0, 0);" class="inherited"><span class="webkit-css-property">-webkit-text-fill-color</span>: <span class="value">rgb(0, 0, 0)</span>;</li><li title="-webkit-text-orientation: vertical-right;" class="inherited"><span class="webkit-css-property">-webkit-text-orientation</span>: <span class="value">vertical-right</span>;</li><li title="-webkit-text-security: none;" class="inherited"><span class="webkit-css-property">-webkit-text-security</span>: <span class="value">none</span>;</li><li title="-webkit-text-stroke-color: rgb(0, 0, 0);" class="inherited"><span class="webkit-css-property">-webkit-text-stroke-color</span>: <span class="value">rgb(0, 0, 0)</span>;</li><li title="-webkit-text-stroke-width: 0px;" class="inherited"><span class="webkit-css-property">-webkit-text-stroke-width</span>: <span class="value">0px</span>;</li><li title="-webkit-transform: none;" class="inherited"><span class="webkit-css-property">-webkit-transform</span>: <span class="value">none</span>;</li><li title="-webkit-transform-origin: 674px 9px;" class="inherited"><span class="webkit-css-property">-webkit-transform-origin</span>: <span class="value">674px 9px</span>;</li><li title="-webkit-transform-style: flat;" class="inherited"><span class="webkit-css-property">-webkit-transform-style</span>: <span class="value">flat</span>;</li><li title="-webkit-transition-delay: 0s;" class="inherited"><span class="webkit-css-property">-webkit-transition-delay</span>: <span class="value">0s</span>;</li><li title="-webkit-transition-duration: 0s;" class="inherited"><span class="webkit-css-property">-webkit-transition-duration</span>: <span class="value">0s</span>;</li><li title="-webkit-transition-property: all;" class="inherited"><span class="webkit-css-property">-webkit-transition-property</span>: <span class="value">all</span>;</li><li title="-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);" class="inherited"><span class="webkit-css-property">-webkit-transition-timing-function</span>: <span class="value">cubic-bezier(0.25, 0.1, 0.25, 1)</span>;</li><li title="-webkit-user-drag: auto;" class="inherited"><span class="webkit-css-property">-webkit-user-drag</span>: <span class="value">auto</span>;</li><li title="-webkit-user-modify: read-write;" class="parent"><span class="webkit-css-property">-webkit-user-modify</span>: <span class="value">read-write</span>;</li><li title="-webkit-user-select: text;" class="inherited"><span class="webkit-css-property">-webkit-user-select</span>: <span class="value">text</span>;</li><li title="-webkit-wrap-flow: auto;" class="inherited"><span class="webkit-css-property">-webkit-wrap-flow</span>: <span class="value">auto</span>;</li><li title="-webkit-wrap-margin: 0px;" class="inherited"><span class="webkit-css-property">-webkit-wrap-margin</span>: <span class="value">0px</span>;</li><li title="-webkit-wrap-padding: 0px;" class="inherited"><span class="webkit-css-property">-webkit-wrap-padding</span>: <span class="value">0px</span>;</li><li title="-webkit-wrap-through: wrap;" class="inherited"><span class="webkit-css-property">-webkit-wrap-through</span>: <span class="value">wrap</span>;</li><li title="-webkit-writing-mode: horizontal-tb;" class="inherited"><span class="webkit-css-property">-webkit-writing-mode</span>: <span class="value">horizontal-tb</span>;</li><li title="alignment-baseline: auto;" class="inherited"><span class="webkit-css-property">alignment-baseline</span>: <span class="value">auto</span>;</li><li title="background-attachment: scroll;" class="inherited"><span class="webkit-css-property">background-attachment</span>: <span class="value">scroll</span>;</li><li title="background-clip: border-box;" class="inherited"><span class="webkit-css-property">background-clip</span>: <span class="value">border-box</span>;</li><li title="background-color: rgba(0, 0, 0, 0);" class="inherited"><span class="webkit-css-property">background-color</span>: <span class="value"><span title="Click to change color format" class="swatch" style="background-color: rgba(0, 0, 0, 0); "></span><span>transparent</span></span>;</li><li title="background-image: none;" class="inherited"><span class="webkit-css-property">background-image</span>: <span class="value">none</span>;</li><li title="background-origin: padding-box;" class="inherited"><span class="webkit-css-property">background-origin</span>: <span class="value">padding-box</span>;</li><li title="background-position: 0% 0%;" class="inherited"><span class="webkit-css-property">background-position</span>: <span class="value">0% 0%</span>;</li><li title="background-repeat: repeat;" class="inherited"><span class="webkit-css-property">background-repeat</span>: <span class="value">repeat</span>;</li><li title="background-size: auto;" class="inherited"><span class="webkit-css-property">background-size</span>: <span class="value">auto</span>;</li><li title="baseline-shift: baseline;" class="inherited"><span class="webkit-css-property">baseline-shift</span>: <span class="value">baseline</span>;</li><li title="border-bottom-color: rgb(0, 0, 0);" class="inherited"><span class="webkit-css-property">border-bottom-color</span>: <span class="value"><span title="Click to change color format" class="swatch" style="background-color: rgb(0, 0, 0); "></span><span>black</span></span>;</li><li title="border-bottom-left-radius: 0px;" class="inherited"><span class="webkit-css-property">border-bottom-left-radius</span>: <span class="value">0px</span>;</li><li title="border-bottom-right-radius: 0px;" class="inherited"><span class="webkit-css-property">border-bottom-right-radius</span>: <span class="value">0px</span>;</li><li title="border-bottom-style: none;" class="inherited"><span class="webkit-css-property">border-bottom-style</span>: <span class="value">none</span>;</li><li title="border-bottom-width: 0px;" class="inherited"><span class="webkit-css-property">border-bottom-width</span>: <span class="value">0px</span>;</li><li title="border-collapse: separate;" class="inherited"><span class="webkit-css-property">border-collapse</span>: <span class="value">separate</span>;</li><li title="border-image-outset: 0px;" class="inherited"><span class="webkit-css-property">border-image-outset</span>: <span class="value">0px</span>;</li><li title="border-image-repeat: stretch;" class="inherited"><span class="webkit-css-property">border-image-repeat</span>: <span class="value">stretch</span>;</li><li title="border-image-slice: 100%;" class="inherited"><span class="webkit-css-property">border-image-slice</span>: <span class="value">100%</span>;</li><li title="border-image-source: none;" class="inherited"><span class="webkit-css-property">border-image-source</span>: <span class="value">none</span>;</li><li title="border-image-width: 1;" class="inherited"><span class="webkit-css-property">border-image-width</span>: <span class="value">1</span>;</li><li title="border-left-color: rgb(0, 0, 0);" class="inherited"><span class="webkit-css-property">border-left-color</span>: <span class="value"><span title="Click to change color format" class="swatch" style="background-color: rgb(0, 0, 0); "></span><span>black</span></span>;</li><li title="border-left-style: none;" class="inherited"><span class="webkit-css-property">border-left-style</span>: <span class="value">none</span>;</li><li title="border-left-width: 0px;" class="inherited"><span class="webkit-css-property">border-left-width</span>: <span class="value">0px</span>;</li><li title="border-right-color: rgb(0, 0, 0);" class="inherited"><span class="webkit-css-property">border-right-color</span>: <span class="value"><span title="Click to change color format" class="swatch" style="background-color: rgb(0, 0, 0); "></span><span>black</span></span>;</li><li title="border-right-style: none;" class="inherited"><span class="webkit-css-property">border-right-style</span>: <span class="value">none</span>;</li><li title="border-right-width: 0px;" class="inherited"><span class="webkit-css-property">border-right-width</span>: <span class="value">0px</span>;</li><li title="border-top-color: rgb(0, 0, 0);" class="inherited"><span class="webkit-css-property">border-top-color</span>: <span class="value"><span title="Click to change color format" class="swatch" style="background-color: rgb(0, 0, 0); "></span><span>black</span></span>;</li><li title="border-top-left-radius: 0px;" class="inherited"><span class="webkit-css-property">border-top-left-radius</span>: <span class="value">0px</span>;</li><li title="border-top-right-radius: 0px;" class="inherited"><span class="webkit-css-property">border-top-right-radius</span>: <span class="value">0px</span>;</li><li title="border-top-style: none;" class="inherited"><span class="webkit-css-property">border-top-style</span>: <span class="value">none</span>;</li><li title="border-top-width: 0px;" class="inherited"><span class="webkit-css-property">border-top-width</span>: <span class="value">0px</span>;</li><li title="bottom: auto;" class="inherited"><span class="webkit-css-property">bottom</span>: <span class="value">auto</span>;</li><li title="box-shadow: none;" class="inherited"><span class="webkit-css-property">box-shadow</span>: <span class="value">none</span>;</li><li title="box-sizing: content-box;" class="inherited"><span class="webkit-css-property">box-sizing</span>: <span class="value">content-box</span>;</li><li title="caption-side: top;" class="inherited"><span class="webkit-css-property">caption-side</span>: <span class="value">top</span>;</li><li title="clear: none;" class="inherited"><span class="webkit-css-property">clear</span>: <span class="value">none</span>;</li><li title="clip: auto;" class="inherited"><span class="webkit-css-property">clip</span>: <span class="value">auto</span>;</li><li title="clip-path: none;" class="inherited"><span class="webkit-css-property">clip-path</span>: <span class="value">none</span>;</li><li title="clip-rule: nonzero;" class="inherited"><span class="webkit-css-property">clip-rule</span>: <span class="value">nonzero</span>;</li><li title="color: rgb(0, 0, 0);" class="inherited"><span class="webkit-css-property">color</span>: <span class="value"><span title="Click to change color format" class="swatch" style="background-color: rgb(0, 0, 0); "></span><span>black</span></span>;</li><li title="color-interpolation: srgb;" class="inherited"><span class="webkit-css-property">color-interpolation</span>: <span class="value">srgb</span>;</li><li title="color-interpolation-filters: linearrgb;" class="inherited"><span class="webkit-css-property">color-interpolation-filters</span>: <span class="value">linearrgb</span>;</li><li title="color-rendering: auto;" class="inherited"><span class="webkit-css-property">color-rendering</span>: <span class="value">auto</span>;</li><li title="cursor: auto;" class="inherited"><span class="webkit-css-property">cursor</span>: <span class="value">auto</span>;</li><li title="direction: ltr;" class="inherited"><span class="webkit-css-property">direction</span>: <span class="value">ltr</span>;</li><li title="display: block;" class="parent"><span class="webkit-css-property">display</span>: <span class="value">block</span>;</li><li title="dominant-baseline: auto;" class="inherited"><span class="webkit-css-property">dominant-baseline</span>: <span class="value">auto</span>;</li><li title="empty-cells: show;" class="inherited"><span class="webkit-css-property">empty-cells</span>: <span class="value">show</span>;</li><li title="fill: #000000;" class="inherited"><span class="webkit-css-property">fill</span>: <span class="value">#000000</span>;</li><li title="fill-opacity: 1;" class="inherited"><span class="webkit-css-property">fill-opacity</span>: <span class="value">1</span>;</li><li title="fill-rule: nonzero;" class="inherited"><span class="webkit-css-property">fill-rule</span>: <span class="value">nonzero</span>;</li><li title="filter: none;" class="inherited"><span class="webkit-css-property">filter</span>: <span class="value">none</span>;</li><li title="float: none;" class="inherited"><span class="webkit-css-property">float</span>: <span class="value">none</span>;</li><li title="flood-color: rgb(0, 0, 0);" class="inherited"><span class="webkit-css-property">flood-color</span>: <span class="value">rgb(0, 0, 0)</span>;</li><li title="flood-opacity: 1;" class="inherited"><span class="webkit-css-property">flood-opacity</span>: <span class="value">1</span>;</li><li title="font-family: Simsun;" class="inherited"><span class="webkit-css-property">font-family</span>: <span class="value">Simsun</span>;</li><li title="font-size: 16px;" class="inherited"><span class="webkit-css-property">font-size</span>: <span class="value">16px</span>;</li><li title="font-style: normal;" class="inherited"><span class="webkit-css-property">font-style</span>: <span class="value">normal</span>;</li><li title="font-variant: normal;" class="inherited"><span class="webkit-css-property">font-variant</span>: <span class="value">normal</span>;</li><li title="font-weight: normal;" class="inherited"><span class="webkit-css-property">font-weight</span>: <span class="value">normal</span>;</li><li title="glyph-orientation-horizontal: 0deg;" class="inherited"><span class="webkit-css-property">glyph-orientation-horizontal</span>: <span class="value">0deg</span>;</li><li title="glyph-orientation-vertical: auto;" class="inherited"><span class="webkit-css-property">glyph-orientation-vertical</span>: <span class="value">auto</span>;</li><li title="height: 18px;"><span class="webkit-css-property">height</span>: <span class="value">18px</span>;</li><li title="image-rendering: auto;" class="inherited"><span class="webkit-css-property">image-rendering</span>: <span class="value">auto</span>;</li><li title="kerning: 0;" class="inherited"><span class="webkit-css-property">kerning</span>: <span class="value">0</span>;</li><li title="left: auto;" class="inherited"><span class="webkit-css-property">left</span>: <span class="value">auto</span>;</li><li title="letter-spacing: normal;" class="inherited"><span class="webkit-css-property">letter-spacing</span>: <span class="value">normal</span>;</li><li title="lighting-color: rgb(255, 255, 255);" class="inherited"><span class="webkit-css-property">lighting-color</span>: <span class="value">rgb(255, 255, 255)</span>;</li><li title="line-height: normal;" class="inherited"><span class="webkit-css-property">line-height</span>: <span class="value">normal</span>;</li><li title="list-style-image: none;" class="inherited"><span class="webkit-css-property">list-style-image</span>: <span class="value">none</span>;</li><li title="list-style-position: outside;" class="inherited"><span class="webkit-css-property">list-style-position</span>: <span class="value">outside</span>;</li><li title="list-style-type: disc;" class="inherited"><span class="webkit-css-property">list-style-type</span>: <span class="value">disc</span>;</li><li title="margin-bottom: 8px;" class="parent"><span class="webkit-css-property">margin-bottom</span>: <span class="value">8px</span>;</li><li title="margin-left: 8px;" class="parent"><span class="webkit-css-property">margin-left</span>: <span class="value">8px</span>;</li><li title="margin-right: 8px;" class="parent"><span class="webkit-css-property">margin-right</span>: <span class="value">8px</span>;</li><li title="margin-top: 8px;" class="parent"><span class="webkit-css-property">margin-top</span>: <span class="value">8px</span>;</li><li title="marker-end: none;" class="inherited"><span class="webkit-css-property">marker-end</span>: <span class="value">none</span>;</li><li title="marker-mid: none;" class="inherited"><span class="webkit-css-property">marker-mid</span>: <span class="value">none</span>;</li><li title="marker-start: none;" class="inherited"><span class="webkit-css-property">marker-start</span>: <span class="value">none</span>;</li><li title="mask: none;" class="inherited"><span class="webkit-css-property">mask</span>: <span class="value">none</span>;</li><li title="max-height: none;" class="inherited"><span class="webkit-css-property">max-height</span>: <span class="value">none</span>;</li><li title="max-width: none;" class="inherited"><span class="webkit-css-property">max-width</span>: <span class="value">none</span>;</li><li title="min-height: 0px;" class="inherited"><span class="webkit-css-property">min-height</span>: <span class="value">0px</span>;</li><li title="min-width: 0px;" class="inherited"><span class="webkit-css-property">min-width</span>: <span class="value">0px</span>;</li><li title="opacity: 1;" class="inherited"><span class="webkit-css-property">opacity</span>: <span class="value">1</span>;</li><li title="orphans: 2;" class="inherited"><span class="webkit-css-property">orphans</span>: <span class="value">2</span>;</li><li title="outline-color: rgb(0, 0, 0);" class="inherited"><span class="webkit-css-property">outline-color</span>: <span class="value"><span title="Click to change color format" class="swatch" style="background-color: rgb(0, 0, 0); "></span><span>black</span></span>;</li><li title="outline-style: none;" class="inherited"><span class="webkit-css-property">outline-style</span>: <span class="value">none</span>;</li><li title="outline-width: 0px;" class="inherited"><span class="webkit-css-property">outline-width</span>: <span class="value">0px</span>;</li><li title="overflow-x: visible;" class="inherited"><span class="webkit-css-property">overflow-x</span>: <span class="value">visible</span>;</li><li title="overflow-y: visible;" class="inherited"><span class="webkit-css-property">overflow-y</span>: <span class="value">visible</span>;</li><li title="padding-bottom: 0px;" class="inherited"><span class="webkit-css-property">padding-bottom</span>: <span class="value">0px</span>;</li><li title="padding-left: 0px;" class="inherited"><span class="webkit-css-property">padding-left</span>: <span class="value">0px</span>;</li><li title="padding-right: 0px;" class="inherited"><span class="webkit-css-property">padding-right</span>: <span class="value">0px</span>;</li><li title="padding-top: 0px;" class="inherited"><span class="webkit-css-property">padding-top</span>: <span class="value">0px</span>;</li><li title="page-break-after: auto;" class="inherited"><span class="webkit-css-property">page-break-after</span>: <span class="value">auto</span>;</li><li title="page-break-before: auto;" class="inherited"><span class="webkit-css-property">page-break-before</span>: <span class="value">auto</span>;</li><li title="page-break-inside: auto;" class="inherited"><span class="webkit-css-property">page-break-inside</span>: <span class="value">auto</span>;</li><li title="pointer-events: auto;" class="inherited"><span class="webkit-css-property">pointer-events</span>: <span class="value">auto</span>;</li><li title="position: static;" class="inherited"><span class="webkit-css-property">position</span>: <span class="value">static</span>;</li><li title="resize: none;" class="inherited"><span class="webkit-css-property">resize</span>: <span class="value">none</span>;</li><li title="right: auto;" class="inherited"><span class="webkit-css-property">right</span>: <span class="value">auto</span>;</li><li title="shape-rendering: auto;" class="inherited"><span class="webkit-css-property">shape-rendering</span>: <span class="value">auto</span>;</li><li title="speak: normal;" class="inherited"><span class="webkit-css-property">speak</span>: <span class="value">normal</span>;</li><li title="stop-color: rgb(0, 0, 0);" class="inherited"><span class="webkit-css-property">stop-color</span>: <span class="value">rgb(0, 0, 0)</span>;</li><li title="stop-opacity: 1;" class="inherited"><span class="webkit-css-property">stop-opacity</span>: <span class="value">1</span>;</li><li title="stroke: none;" class="inherited"><span class="webkit-css-property">stroke</span>: <span class="value">none</span>;</li><li title="stroke-dasharray: none;" class="inherited"><span class="webkit-css-property">stroke-dasharray</span>: <span class="value">none</span>;</li><li title="stroke-dashoffset: 0;" class="inherited"><span class="webkit-css-property">stroke-dashoffset</span>: <span class="value">0</span>;</li><li title="stroke-linecap: butt;" class="inherited"><span class="webkit-css-property">stroke-linecap</span>: <span class="value">butt</span>;</li><li title="stroke-linejoin: miter;" class="inherited"><span class="webkit-css-property">stroke-linejoin</span>: <span class="value">miter</span>;</li><li title="stroke-miterlimit: 4;" class="inherited"><span class="webkit-css-property">stroke-miterlimit</span>: <span class="value">4</span>;</li><li title="stroke-opacity: 1;" class="inherited"><span class="webkit-css-property">stroke-opacity</span>: <span class="value">1</span>;</li><li title="stroke-width: 1;" class="inherited"><span class="webkit-css-property">stroke-width</span>: <span class="value">1</span>;</li><li title="table-layout: auto;" class="inherited"><span class="webkit-css-property">table-layout</span>: <span class="value">auto</span>;</li><li title="text-align: -webkit-auto;" class="inherited"><span class="webkit-css-property">text-align</span>: <span class="value">-webkit-auto</span>;</li><li title="text-anchor: start;" class="inherited"><span class="webkit-css-property">text-anchor</span>: <span class="value">start</span>;</li><li title="text-decoration: none;" class="inherited"><span class="webkit-css-property">text-decoration</span>: <span class="value">none</span>;</li><li title="text-indent: 0px;" class="inherited"><span class="webkit-css-property">text-indent</span>: <span class="value">0px</span>;</li><li title="text-overflow: clip;" class="inherited"><span class="webkit-css-property">text-overflow</span>: <span class="value">clip</span>;</li><li title="text-rendering: auto;" class="inherited"><span class="webkit-css-property">text-rendering</span>: <span class="value">auto</span>;</li><li title="text-shadow: none;" class="inherited"><span class="webkit-css-property">text-shadow</span>: <span class="value">none</span>;</li><li title="text-transform: none;" class="inherited"><span class="webkit-css-property">text-transform</span>: <span class="value">none</span>;</li><li title="top: auto;" class="inherited"><span class="webkit-css-property">top</span>: <span class="value">auto</span>;</li><li title="unicode-bidi: normal;" class="inherited"><span class="webkit-css-property">unicode-bidi</span>: <span class="value">normal</span>;</li><li title="vector-effect: none;" class="inherited"><span class="webkit-css-property">vector-effect</span>: <span class="value">none</span>;</li><li title="vertical-align: baseline;" class="inherited"><span class="webkit-css-property">vertical-align</span>: <span class="value">baseline</span>;</li><li title="visibility: visible;" class="inherited"><span class="webkit-css-property">visibility</span>: <span class="value">visible</span>;</li><li title="white-space: normal;" class="inherited"><span class="webkit-css-property">white-space</span>: <span class="value">normal</span>;</li><li title="widows: 2;" class="inherited"><span class="webkit-css-property">widows</span>: <span class="value">2</span>;</li><li title="width: 1348px;"><span class="webkit-css-property">width</span>: <span class="value">1348px</span>;</li><li title="word-break: normal;" class="inherited"><span class="webkit-css-property">word-break</span>: <span class="value">normal</span>;</li><li title="word-spacing: 0px;" class="inherited"><span class="webkit-css-property">word-spacing</span>: <span class="value">0px</span>;</li><li title="word-wrap: break-word;" class="parent"><span class="webkit-css-property">word-wrap</span>: <span class="value">break-word</span>;</li><li title="writing-mode: lr-tb;" class="inherited"><span class="webkit-css-property">writing-mode</span>: <span class="value">lr-tb</span>;</li><li title="z-index: auto;" class="inherited"><span class="webkit-css-property">z-index</span>: <span class="value">auto</span>;</li><li title="zoom: 1;" class="inherited"><span class="webkit-css-property">zoom</span>: <span class="value">1</span>;</li></ol></div></div></div><div class="pane expanded"><div class="title" tabindex="0">Styles<select class="select-settings"><option value="original" label="As authored"></option><option value="hex" label="Hex Colors"></option><option value="rgb" label="RGB Colors"></option><option value="hsl" label="HSL Colors"></option></select><button class="pane-title-button element-state" title="Toggle Element State"></button><button class="pane-title-button add" id="add-style-button-test-id" title="New Style Rule"></button></div><div class="body"><div class="styles-element-state-pane source-code"><table><tr><td><label><input type="checkbox">:active</label></td><td><label><input type="checkbox">:hover</label></td></tr><tr><td><label><input type="checkbox">:focus</label></td><td><label><input type="checkbox">:visited</label></td></tr></table></div><div><div class="styles-section monospace first-styles-section expanded"><div class="header monospace"><div class="subtitle"></div><div class="title"><div><div class="subtitle"></div><span>element.style</span><span> {</span></div></div></div><ol class="properties properties-tree monospace" tabindex="0"></ol><div>}</div></div><div class="sidebar-separator">Matched CSS Rules</div><div class="styles-section monospace first-styles-section read-only expanded"><div class="header monospace"><div class="subtitle"></div><div class="title"><div><div class="subtitle"></div><span>body[contenteditable=true]</span><span> {</span></div></div></div><ol class="properties properties-tree monospace" tabindex="0"><li title="-webkit-user-modify: read-write;"><span class="webkit-css-property">-webkit-user-modify</span>: <span class="value">read-write</span>;</li><li title="word-wrap: break-word;"><span class="webkit-css-property">word-wrap</span>: <span class="value">break-word</span>;</li><li title="-webkit-nbsp-mode: space;"><span class="webkit-css-property">-webkit-nbsp-mode</span>: <span class="value">space</span>;</li><li title="-webkit-line-break: after-white-space;"><span class="webkit-css-property">-webkit-line-break</span>: <span class="value">after-white-space</span>;</li></ol><div>}</div></div><div class="styles-section monospace read-only expanded"><div class="header monospace"><div class="subtitle"></div><div class="title styles-selector"><div><div class="subtitle">user agent stylesheet</div><span>body</span><span> {</span></div></div></div><ol class="properties properties-tree monospace" tabindex="0"><li title="display: block;"><span class="webkit-css-property">display</span>: <span class="value">block</span>;</li><li title="margin: 8px;" class="parent"><span class="webkit-css-property">margin</span>: <span class="value">8px</span>;</li></ol><div>}</div></div></div></div></div><div class="pane"><div class="title" tabindex="0">Metrics</div><div class="body"></div></div><div class="pane"><div class="title" tabindex="0">Properties</div><div class="body"></div></div><div class="pane"><div class="title" tabindex="0">DOM Breakpoints</div><div class="body"><div class="info">No Breakpoints</div></div></div><div class="pane"><div class="title" tabindex="0">Event Listeners<select class="select-filter"><option value="all" label="All Nodes"></option><option value="selected" label="Selected Node Only"></option></select></div><div class="body events-pane"></div></div></div><div class="split-view-resizer" style="right: 351.42px; "></div></div></div></div></div>
    <div id="drawer"><div id="drawer-contents" class="drawer-contents"></div><div id="drawer-status-bar" class="status-bar"><div></div></div></div>


<div class="suggest-box generic-suggest under-anchor" style="left: 124px; top: 73px; width: 130px; height: 56px; "><div class="container"><div class="content" style="left: 0px; top: 0px; display: block; "><div class="suggest-box-content-item source-code" tabindex="-1"><span class="prefix">con</span><span class="suffix">structor</span></div><div class="suggest-box-content-item source-code" tabindex="-1"><span class="prefix">con</span><span class="suffix">tains</span></div><div class="suggest-box-content-item source-code selected" tabindex="-1"><span class="prefix">con</span><span class="suffix">tentEditable</span></div></div></div></div></body></html>